title: How do I Align Header on the same line using display?
body: <p>I aligned the objects using <code>display: flex;</code> Now I have tried to put the header on the same line using <code>text-align: justify;</code> and <code>display: block;</code>, but it still doesn't work. What am I doing wrong. Can someone please help with this?</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.pos-container {
    list-style: none;
    padding-top: 40px;
    padding-bottom: 60px;
    display: block;
  }
  
  .pos-info {
    display: inline-flex;
    float: left;
  }
  
  .pos-info: before {
    display: block;
    height: 1px;
    background-color: #045d71;
    content: " ";
    width: 90%;
    margin: 0 auto;
  }
  
  .pos-image {
    border-radius: 3px;
    width: 47%;
    height: 50%;
  }
  
  .pos-container i {
    font-size: 180%;
    color: #07a0c3;
    margin-top: 150px;
    margin-left: 40px;
    display: block;
  }
  
  .pos-info h3 {
    display: inline-block;
    font-size: 110%;
    text-align: left;
    margin-left: 40px;
    float: left;
    column-width: auto;
  }
  
  .pos-content {
    display: flex;
    text-align: justify;
    margin-top: 69px;
    float: right;
    margin-left: -118px;
    margin-bottom: 80px;
  }
  
  .pos-content: after {
    display: block;
    height: 0.1px;
    background-color: #045d71;
    content: " ";
    width: 90%;
    margin: 0 auto;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="row"&gt;
    &lt;ul class="pos-container"&gt;
      &lt;li class="pos-info"&gt;
        &lt;img class="pos-image" src="resources/img/cashier2.jpg" alt="pos picture"&gt;
        &lt;i class="ion-arrow-left-b"&gt;&lt;/i&gt;
        &lt;h3&gt;POS Software&lt;/h3&gt;
        &lt;p class="pos-content"&gt;We offer a payment solution which functions on the cloud. It gives you access to your inventory, expenses, sales and operations from wherever you are located. It is designed for simplicity, so your employees won’t need any special training to use
          the software. In case of a bad connection to the internet, the payment system will still work normally and would update every captured payment and transaction, once the connection is restored. A cheap and affordable solution for any type of restaurant,
          bar or lounge with available payment plans.
        &lt;/p&gt;
      &lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  <p><a href="https://i.stack.imgur.com/ep0xc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ep0xc.png" alt="enter image description here" /></a></p>