Hello - I am brand new to this list - good afternoon :)

I have to code this part of the following page (this is from the designer)

http://www.localgirl.co.uk/dump/css_example_correct.gif

Unfortunately it's driving me a bit mad as I can only get it like this:

http://www.localgirl.co.uk/dump/css_example_incorrect.gif

As you can see an inline padding is only applied to the beginning and
the end of the line.

I am trying to avoid having to manually split it into 4 lines (as it's
going to be in a CMS) - can anyone think how I can achieve this
result?

My code is as follows:

div.services #maintxt {
        margin-top:8px;
        color:white;
        width:385px;
}
div.services #maintxt h1 {
        background-color:#996EB3; 
        display:inline;
        line-height:115%;
        padding:0px 7px 0px 8px;
}

                                <div id="maintxt">
                                        <div class="pad">
                                                <h1>This is twenty four words 
magna pulvinar pharetra aenean
aliquam. Mauris vestibulum placerat turpis. Pellentesque ligula. Sed
egestas dui vitae sem. Estquam.</h1>
                                        </div>
                                </div>

Many thanks,

Caroline
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to