Is there a way to align a font-awesome icon on the left side of a text paragraph while keeping the text on the right side, even if it's longer and wraps underneath the icon?
I've tried various code snippets but haven't found a solution yet. Can anyone help me with this?
Check out my Fiddle example: Fiddle
Here's the HTML code:
<div class="modal-body">
<p><i class="fa fa-check-circle"></i> bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </p>
</div>
And here's the CSS:
i.fa.fa-check-circle {
color:#000;
font-size:80px;
float:left;
display:inline-block;
text-align:center;
}
.modal-body p {
font-style:LuzSans-Book;
font-size:30px;
line-height:1.43em;
}