Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
This question involves the black box from the picture (it is a <th> tag).
The <th> tag ends up with a height of 23px. The images are 18px by 18px. Where’s the 5px bottom margin coming from and how to I get rid of it?
borders, padding, and margins are all set to 0. manually setting the height of the <tr> and the <th> tag to 18px doesn’t do anything. Anything below 23px has no effect.
Help!
Images are inline elements, so they are placed on a text line in the element. The images are aligned on the base line of the text, so there is a gutter below the base line used for hanging characters like g and j. The extra space is that gutter.
You can get rid of the space by turning the images into block elements. As you want the images beside each other, using the style
float:left;would make them block elements and line them up.