title: How to display fa icon, p tag and span inline?
body: <p>I'm trying to create a chat window that looks like this </p>
  
  <p><a href="https://i.stack.imgur.com/q0cG2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/q0cG2.png" alt="enter image description here"></a></p>
  
  <p>I'm struggling with the right button which i can't place it in the same line height of the chat icon and the p tag....i want to do it a quick and efficient way , i know i could simply dived it all to div's and set margins and size - but i think perhaps there might be a better way.</p>
  
  <p>Here is what I've done so far...</p>
  
  <pre><code>&lt;div class="faq_chat"&gt;
    &lt;div class="chat_con"&gt;
    &lt;i class="fa fa-comments" aria-hidden="true"&gt;&lt;/i&gt;
    &lt;p&gt;Welcome to some chat system, please&lt;/p&gt;
    &lt;br&gt;
    &lt;p&gt;provide your first name or alias to start chat.&lt;/p&gt;
    &lt;p&gt;fermé &lt;i class="fa fa-circle" aria-hidden="true"&gt;&lt;/i&gt;&lt;/p&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>         .faq_chat {
        padding-top: 30px;
        padding-left: 30px;
        padding-right: 30px;
        width: 100%;
        height: 400px;
        background-color: #d2f1f0;
        z-index: 99;
        float: left;
      }
  
      .chat_con {
        float: left;
        line-height: 0.3;
        padding: 18px 14px 16px 21px;
        width: 100%;
        height: 60px;
        background-color: #5d3c95;
        color: white;
        border-bottom: 2px solid white;
      }
  
      .chat_con p {
        font-size: 10px;
      }
  
      .chat_con i,
      .chat_con p,
      .chat_con span {
        display: inline;
      }
  
      .fa-comments {
        font-size: 30px;
        margin-right: 15px;
      }
  
      .chat_input {
        width: 100%;
        height: 50px;
        background-color: #41c8c2;
        color: white
      }
  </code></pre>
  
  <p>Here is my <a href="https://fiddle.jshell.net/roybarak/qftpn3ue/" rel="nofollow noreferrer">Fiddle</a></p>