CSS Line Indent

[johnny190]

Hello,

I have text like this:

TEXT A
TEXT B
TEXT B
TEXT B

How do I make Text A indented?

And how do I make Text B indented even more?

Thanks.

[mhulse]

How do I make Text A indented?
And how do I make Text B indented even more?

You might want to try a definition list or you could do a unordered list with classes applied to specific list items... or you could possibly used advanced selectors.

Depending on content, I would go with a DL.

/* Real real quick example: */
dt { padding-left: 10px; }
dd { padding-left: 20px; }

[johnny190]

You might want to try a definition list or you could do a unordered list with classes applied to specific list items... or you could possibly used advanced selectors.

Depending on content, I would go with a DL.

/* Real real quick example: */
dt { padding-left: 10px; }
dd { padding-left: 20px; }

But how would I call that? Text A and Text B are both in a table cell, already using a class.

So would I just go <span class="dt">Text A</span>

and <span class="dd">Text B<br>Text B</span> ?

[Dan Schulz]

You would use a definition list and put it in the table cell.

Here's an example of a definition list:

 <dl>
  	<dt><strong>BOHICA</strong></dt>
  	<dd>
 		<em>Slang</em> — Military acronym meaning &quot;Bend Over, Here it Comes Again!&quot; Commonly used by infantrymen to warn friendly forces of incoming enemy fire. Also the name of a bar in Chicago, Illinois.
  	</dd>
  </dl>  

[mhulse]

BOHICA

Lol! Nice one. Hehe, never heard that one b4. But, I guess not so nice for the guys/gals that are actually having to say BOHICA.