Quantcast
Channel: Indent 2nd line of a paragraph to line up with first line? - Stack Overflow
Viewing all articles
Browse latest Browse all 3

Indent 2nd line of a paragraph to line up with first line?

$
0
0

I am using Font Awesome to add icons to p:before selectors and I am wondering how I can indent only the 2nd line of the paragraph so that the text is aligned.

Here is what my current output looks like:

Non-indented

And here is what I am trying to accomplish:

Indented

Here is my code:

<div class="result>
   <p class='fa location'>{{ address }}<br/>{{ citystate }}</p>
</div>

And here is my CSS:

.result .location:before {
    content: "\f041";
    padding-right:6px;
    color:#b3b3b3;
}

Is it possible to accomplish this as-is? Or will I need to restructure my code to achieve this effect?


Viewing all articles
Browse latest Browse all 3

Latest Images

Trending Articles





Latest Images