Is this what you wanted to achieve ?
<div class="lol">
<input type="text" style="border-color: #FF0000; border-radius: 10px; height: 40px; width: 35%; font-size: 30px; padding-left: 5px; padding-right: 5px;" placeholder="Name" name="name" />
<img src="http://surfcamp.infinibrain.net/images/error.png" style="height: 32px; width: 32px;" />
</div>
<br/><br/><br/><br/>
<div class="lol">
<textarea></textarea>
<img src="http://surfcamp.infinibrain.net/images/error.png" style="height: 32px; width: 32px;" />
</div>
.lol {
display:inline-block;
position:relative;
}
.lol img {
position:absolute;
top:50%;
right:7px;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.lol input {
padding-right:40px !Important;
width:200px !Important;
}
.lol textarea{
padding-right:40px;
min-height:30px;
}
Update
For textareas, nothing special is required. I do have an update though. You should display the wrapper div as inline-block