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/