Grow your CSS skills. Land your dream job.

h1 positioning battle

  • # November 18, 2012 at 1:03 am

    Hello everyone! I am trying to get my h1 element to be 100% of the #one image. however, it is 100% of the whole window. Can anyone help me please? thank you!

    http://jsfiddle.net/CyMn3/1/

    # November 18, 2012 at 1:35 am

    Are you thinking something like this?
    http://jsfiddle.net/khTnX/

    I put the 10px of padding on a span within the h1 element so the 50% would not be overlapping the #one div.

    # November 18, 2012 at 1:36 am

    Note: This only works for #one.. it will not work for the others.. do you want it to work for all boxes?

    # November 18, 2012 at 9:55 am

    Great! Awesome. Now I hate to ask one more question, but how do I get the span to go to the bottom of the #one?

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".