On 1/12/11 11:34 AM, Rory Bernstein wrote:
Hello, I posted here before about a solution for outdenting the lines
of a paragraph (first line of text hangs our further to left than the
rest of the lines) and got a great solution. But, it turns out that
given how my content is coming in from the CMS, I cannot mark up the
text in the way that I'd need (can't wrap each item in a<p> tag the
way I would need to.
Instead, I am limited to this markup. Lines of text with a<br /> tag
at the end of lines (except the last line):
<div id="container"> The first item is a line of text<br /> The
second item is a line of text<br /> The third item is a line of text
</div>
[...]
See this page: http://bit.ly/hCqCqX
In the right sidebar, the "Court Admissions" section, there are 2
items that each wrap onto a 2nd line: The Supreme Court of the United
States of America New York State Appellate Court
But you don't have 2 items!!! You have one item with some added line
breaks. That's why Chetan's solution only indents the first line.
(It does work on the first line this end. In which browser are you
failing to see the indent?)
To get the effect you seek, you absolutely need two items/ elements.
Your CMS is hobbling your best efforts. :(
I'd like to style them as described above. What do I do? You can see
I tried adding this class to the span that wraps around the 2 items:
space_after_break br { padding-bottom: 20px; }
...but this does not work. Can you style a<br /> tag???
I doubt it.
Cordially,
David
--
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/