1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

What is wrong? Why is the text below the DIV?

Discussion in 'CSS' started by kevbo22, Jan 23, 2011.

0
  1. #1
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    #header {
    background: #FFB917;
    height: 178px;
    line-height: 100px;
    border-top-width: thin;
    border-top-style: solid;
    border-top-color: #000;
    }
    #header2 {
    float:right;
    height: 50px;
    width: 200px;
    margin-top: 55px;
    margin-right: 50px;
    background-color: #CCC;
    border: thin solid #000;
    }
    #header2 p {
    text-align: center ;
    }
    </style>
    </head>
    <body>
    <div id="header">
    <div id="header2">
    <p>text in box</p>
    </div>
    </div>
    </body>
    </html>
     
    kevbo22, Jan 23, 2011 IP
  2. GWiz

    GWiz Peon

    Messages:
    359
    Likes Received:
    17
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I see a gray box with "text in box" inside it aligned to the right of the page. What are you trying to do?
     
    GWiz, Jan 23, 2011 IP
  3. kevbo22

    kevbo22 Active Member

    Messages:
    149
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    53
    #3
    For me the "text in box" displays below the gray box in both IE and FF. I would like the text in the middle of the gray box.
     
    kevbo22, Jan 23, 2011 IP
  4. jeremyhowell

    jeremyhowell Member

    Messages:
    379
    Likes Received:
    7
    Best Answers:
    2
    Trophy Points:
    45
    #4
    Remove line-height:100px.
     
    jeremyhowell, Jan 23, 2011 IP
  5. kevbo22

    kevbo22 Active Member

    Messages:
    149
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    53
    #5
    Thanks Jeremyhowell! I knew it was something insanely easy. I cant believe I missed it. Thanks :)
     
    kevbo22, Jan 23, 2011 IP