Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › Aligning text flush to the top left of a div.

  • This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 15, 2012 at 12:00 pm #36125
    desttE
    Member

    Hey,

    I have been battling to align text to the top of a div without there being a bit of extra margin space I can’t seem to get rid of.

    My post title, is not inline with my logo on the far left hand side.

    Have a look here…

    Any advice would be greatly appreciated. :)

    Thanks.

    January 15, 2012 at 12:43 pm #94623
    Billy
    Participant

    Have you tried giving the div 0 padding and the text 0 margin? That usually works to me.

    January 15, 2012 at 12:59 pm #94628
    desttE
    Member

    Yeah. :(

    January 15, 2012 at 2:26 pm #94636
    Billy
    Participant

    I think you’ll have to give the text a negative margin then, by about a pixel or something.

    January 15, 2012 at 3:03 pm #94650
    desttE
    Member

    Thanks guys.

    Was hoping to get pixel perfect aligment but as you’ve said wolfcry911, it’s not going to be possible. :(

    January 15, 2012 at 9:16 pm #94690
    TheDoc
    Member

    Add line-height: 1; to .posttitle a

    January 16, 2012 at 8:27 am #94715
    desttE
    Member

    TheDoc: That helped quite a bit. :) Thanks. Is this the most pixel precise I’m going to be able to get my post title?

    January 16, 2012 at 11:58 am #94734
    TheDoc
    Member

    Most likely, yea. You might notice that some browsers will render it slightly differently as well.

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘CSS’ is closed to new topics and replies.