line-height not working

  • richdixon

    (@richdixon)


    9 years, 9 months ago

    I’ve got an inline style that controls several attributes, but for some reason the “line-height” doesn’t work. Inspected with Firebug…everything else seems to work, can’t figure out why line-height doesn’t respond. This code is meant to control the white text.

    <div class=”span12″ style=”text-shadow: 1px 1px 1px #666; font-size: 20px; padding: 20px; line-height: 32px; color: #fff;”>

    http://frontrangefreedomtour.org/front-range-freedom-tour/

    Any ideas?

Viewing 4 replies - 1 through 4 (of 4 total)
  • rudyprime

    (@rudyprime)

    9 years, 9 months ago

    It’s weird that it doesn’t work for. I tried adding a line-height on my div and its working.
    Why don’t you just target the ‘p’ or the paragraph tag and there add you can add your line height for it to work definitely.

    Moderator t-p

    (@t-p)

    9 years, 9 months ago

    Also, try adding “!important” like:
    line-height: 32px!important;

    Thread Starter richdixon

    (@richdixon)

    9 years, 9 months ago

    Tried !important … doesn’t work.

    So I created a style in my stylesheet:

    .white-text {
    display: inline-block;
    text-shadow: 1px 1px 1px #666;
    line-height: 150% !important;
    font-size: 20px;
    padding: 20px;
    color: #fff;
    }

    <div class=”row-fluid frftbg white-text”>

    Everything works correctly EXCEPT the line-height selector. Even with the !important it has no effect.

    Thread Starter richdixon

    (@richdixon)

    9 years, 9 months ago

    I gave up…used <p> tags

    thanks for the help!

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

The topic ‘line-height not working’ is closed to new replies.

Tags