Centering a block of text inside a div is not working properly

Hi there:

I'm centering a block of text inside a div, it is working but I note that the result is not exactly centered, instead it is offset vertically by 2px aprox.

the code is this:

<div class="outer">
  <div class="inner"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>

display inline-block + reset.css (line height) causing padding below image?

Hi everyone. I have a container that I am using to display a "carousel" of images (basically a mask with a scrollable background that I am using jQuery to scroll).

The images are meant to have little icons in the lower left corner, and so I am applying a border to the LI, so that the icon can be placed in the up against the corner with absolute positioning (bottom 0, left Innocent.

I am using Eric Meyer's reset.css for the webpage, and that sets line-height to 1... I notice that with this set, It causes padding at the bottom of the image, which I don't quite understand why.

CSS line height in feed

Pardon me begging for help like this but I can't figure it out!

on this page...

The horizontal white space between the lines is not consistent, right now if an entry has 3 lines the top 2 are closer together and the 3rd is farther apart. I added a "line-height" property to it but it has not helped

this is he PHP page creating the page above

Google Chrome and Safari adding extra line-height?


Im designing a new portfolio / blog site using WordPress, I've got a problem i can not for the life of me figure out. It has nothing to do with WordPress, just the CSS.

I have  body { line-height:20px; } and corresponding margins etc so everything on my page lines up to a 20px baseline grid.. everything was working fine. I added some test comments and replies to see how code in the replies worked.

Syndicate content