Wie kann ich Text in der Nähe von Fontawesome Icon positionieren?

Question

Ich habe eine Liste von Tweets mit font awesome ico. Wie kann ich Text in der Nähe des Symbols wie auf dem Screenshot positionieren?

Screenshot:

Wenn ich html unten verwenden, ich habe Text unter dem Symbol.

<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> 

Answer 1

Belial ist dies einfachste Weg, um Ihre Anforderung zu tun, so ur Symbol ausrichten exakt horizontal mit Ihrem Text, hier können Sie die ul und li entfernen, wenn nicht erforderlich. Lassen Sie mich wissen, wenn Sie nicht Tisch benutzen möchten, ich finde eine andere Lösung.

<table> 
<tr> 
    <ul class="tweets-list text-left"> 
    <li> 
     <td> 
     <div class="icon"> 
      <i class="fa fa-twitter" aria-hidden="true"></i> 
     </div> 
     </td> 
     <td> 
     <div class="text"> 
      <p>Check Out Dtbaker's @Arduino Sales Notification #System 
      http://t.co/ WBFKIWHJ</p> 
      <span>3 days ago</span> 
     </div> 
     </td> 
    </li> 
    </ul> 
</tr> 
</table> 

EDIT 12/31

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css"> 
 

 
<div class="container"> 
 
    <div class="row justify-content-md-center"> 
 
    <div class="col"> 
 
     <div class="icon"> 
 
     <img width="50" src="http://icons.iconarchive.com/icons/uiconstock/socialmedia/512/Twitter-icon.png"/> 
 
     </div> 
 
    </div> 
 
    <div class="col-md-auto"> 
 
     <div class="text"> 
 
     <p>Check Out Dtbaker's @Arduino Sales Notification #System 
 
      http://t.co/ WBFKIWHJ</p> 
 
     <span>3 days ago</span> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div>

jsfiddle :: https://jsfiddle.net/ufy6t9kd/