Is it possible to align this using CSS, so the text will be vertically centered next to image?
<div><img class="paragraph-icon" src="images/desc.png" /><h4>Description</h4></div>
Asked
Active
Viewed 7,870 times
0
Pablo
- 26,392
- 33
- 117
- 202
-
what contain the class paragraph-icon ? did you try to add vertical-align: middle; – Haim Evgi Aug 31 '10 at 05:37
-
2Duplicate of http://stackoverflow.com/questions/489340/how-do-i-vertically-align-text-next-to-an-image-with-css – Valentin Flachsel Aug 31 '10 at 05:48
-
@Haim Evgi: just background image. – Pablo Aug 31 '10 at 07:00
2 Answers
4
try this:
<div style="height=IMAGE_HEIGHT; line-height:IMAGE_HEIGHT">
<img class="paragraph-icon" src="images/desc.png" />
<h4 style="display: inline;">Description</h4>
</div>`
replace IMAGE_HEIGHT with your image's height (and don't forget to add 'px;'), and that should make everything in that div centered vertically.
Maikel
- 371
- 1
- 2
- 10
0
use this
<div>
<img class="paragraph-icon" src="images/desc.png" style="vertical-align: middle;">
<h4 style="display: inline;">Description</h4>
</div>
Vinay B R
- 7,635
- 2
- 27
- 45