How can I align my font-awesome icons with my text?

Question

I've been trying to center my text with my Fontastic.me icons.

Here's my code:

HTML:

<html>
 <div id="info">
    <ul>
        <li id="chat"><span class="icon-comment-discussion"></span><p>We offer the best & simplest chat system on the web.</p></li>
</ul>
</div>
</html>

and my CSS:

#chat {
line-height: 72px;
vertical-align: middle;
}

It doesn't line up at all, and nothing changes when I change the vertical-align option. I'm thinking maybe it's because my text is in a paragraph tag; but I wanted to ask here first.

Solved: I added the vertical-align: middle; to:

#chat span {

}

it worked perfectly.

Answer 1

作为标准的段落将应用边距，您可以尝试删除边距以查看是否有帮助，或将图标放在段落中。

p{ margin:0; }

How can I align my font-awesome icons with my text?

Question

1 answers

solution1
0 2014-07-12 23:39:26

How can I align my font-awesome icons with my text?

Question

1 answers

solution1 0 2014-07-12 23:39:26

solution1
0 2014-07-12 23:39:26