How do you indent every line of a <span> element?

Asked 2010-03-25T00:46:55.960

16

I have the following HTML chunk:

<span class='instruction_text'>
  Line 1<br>
  Line 2
</span>

And the CSS declaration of instruction_text is:

.instruction_text {
  margin-left: 70px;
  font-style: italic;
  color: #555;
}

The first line has a 70px margin as expected, but the next line starts with no indent. How can I make ALL of the lines indented?

css lines indentation

Edit Report

1 Answer

15

Use a block-level element. <div> is block-level by default, but adding the CSS display:block to your instruction_text class should send you in the right direction.

answered 2010-03-25T00:49:04.970

How do you indent *every* line of a <span> element?

1 Answer