How to align text lower on div class?

  • Resolved Mizuki

    (@mizuki)


    15 years ago

    hi. I have a problem in divs.. the text is in the center vertically and horizontally. So if I use a large font, it won’t look nice. here’s a sample of the image

    How do I align the text?

    I use `<div class=blogtitle>
    <?php the_title(); ?></div>
    </div>

    then on the css:

    .blogtitle {
    background: transparent url(‘images/title.png’) left bottom no-repeat;
    color: #3F503F;
    line-height: 55px;
    width: 470px;
    text-align:center;
    letter-spacing: 2px;
    font-family: Century Gothic;
    font-weight: bold;
    text-transform:uppercase;
    font-size: 22px;
    }`

    what’s missing in the code?

Viewing 3 replies - 1 through 3 (of 3 total)

  • Do you have an URL? Images are next to useless. If you can provide an URL I can use FireBug to fiddle with the CSS directly and not have to guess at the problem.

    TTH247

    (@tth247)

    How do you want the text to be aligned? (e.g. horizontally and vertically centered, left-aligned and vertically centered)

    Thread Starter Mizuki

    (@mizuki)

    the site is currently under maintenance. =D I can’t open it to the public coz I’m still fixing it. ^^~

    BUT I already solved the problem. I just guessed some codes. So uhm. I placed another seperate div class for the relative position only.

    .bottom
    {position:relative;
    bottom:-14px;
    }

    which made it:

    <div class=blogtitle>
    <div class=bottom>
    <?php the_title(); ?></div>
    </div>

    that fixed the problem for me. ?? It’s now positioned to the way I like. Cheers!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to align text lower on div class?’ is closed to new replies.