Search code examples
csslinesindentation

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

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?

Solution

  • 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.