如何将图标和文本段落放在一行中?

本文介绍了如何将图标和文本段落放在一行中?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

我想将字体真棒图标和文本段落放在一行中.我该如何解决此代码?

I want to put my font awesome icon and text paragraph into one line. How can I fix this code?

<div class="date" style="display: inline-block;"> <i class="fa fa-user-o" aria-hidden="true" style="float: left;"></i> <p style="display: inline-block; text-align: right;float: left;" >10/01/2018</p> </div>

推荐答案

朱莉娅，删除所有花车:

Julia, remove all your floats:

<link href="cdnjs.cloudflare/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/> <div class="date"> <i class="fa fa-user-o" aria-hidden="true"></i> <p style="display: inline-block" >10/01/2018</p> </div>

您也可以这样:

<link href="cdnjs.cloudflare/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/> <div class="date"> <i class="fa fa-user-o"> 10/01/2018</i> </div>