私はフォントawesome icoのつぶやきのリストを持っています。スクリーンショットのように、アイコンの近くにテキストを配置する方法は?fontawesomeアイコンの近くにテキストを配置する方法は?
私は以下のhtmlを使用している場合は、私はアイコンの下にテキストを持っています。
<ul class="tweets-list text-left">
<li>
<div class="icon">
<i class="fa fa-twitter" aria-hidden="true"></i>
</div>
<div class="text">
<p>Check Out Dtbaker's @Arduino Sales Notification #System
http://t.co/ WBFKIWHJ</p>
<span>3 days ago</span>
</div>
</li>
</ul>
は、なぜあなたはTRと1つのTDなどの画像のように、各行とテーブルを使用していけません別のtdとしてのテキスト。したがって、それらは正しく整列するでしょう – Kumar
表示について:インライン/インラインブロックまたは浮動小数点? – StyleSh1t
フレックスボックスを使用しています。 '.icon'と' .text'クラスの 'display:inline-block'ですか? – Belial