Text centered next to image

Question

I made a JSFiddle of my current site:

#text{
font-size:25px;
margin-left:4px;
    margin-top:25px;
}

is the most important I think. But I want the text to be vertically centered next to the image. But the margin-top:25px; doesn't really work. Why? And how can I fix it?

possible duplicate :http://stackoverflow.com/questions/967022/how-do-i-vertical-center-text-next-to-an-image-in-html-css — web-tiki, Dec 07 '13 at 17:56
You can use the search before reposting same issue: http://stackoverflow.com/questions/20419806/centered-text-next-to-img-gets-broken-by-br/20420874#20420874 And your fiddle in case you still can't make it work: http://jsfiddle.net/87bhL/14/ — n1kkou, Dec 07 '13 at 18:14

janfoeh · Accepted Answer · 2013-12-07T18:20:01.697

1

a img {
  vertical-align: middle;
}

should do the trick: Fiddle. margin does not have an effect on inline elements like your a#lehrer.

edited Dec 07 '13 at 18:20

answered Dec 07 '13 at 18:13

janfoeh

10,243
2
31
56

Text centered next to image

1 Answers1