Guest Vojta Posted February 4, 2008 Share Posted February 4, 2008 Hello, can you advise please? I havo two spans wrapped in one div as follows:<div style="vertical-align:middle"> <span style="vertical-align:middle;height:20px"> Some text A <img src="checkbox_image.png"/> </span> <span style="vertical-align:middle;height:20px"> Some text B </span></div>My problem is that baseline of "Some text B" is higher then baseline of "Some text A". It is caused by the image. If I remove it baseline of both texts gets on the same level. Please, how can make baselines of both texts to be on the same level?Thanks a lot! Vojta Link to comment Share on other sites More sharing options...
Ingolme Posted February 4, 2008 Share Posted February 4, 2008 Have you tried putting "vertical-align:middle" on the image instead? Link to comment Share on other sites More sharing options...
S@m Posted February 4, 2008 Share Posted February 4, 2008 You could also try putting your elements inside of a list. Then float each "li" element, that would put your text/checkbox all in a line... Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.