title: Align text on the same line below in list
body: <p>I'm trying to align items on the same line. (See screenshot). I want opening hours at the same point on the list. I got data from database and use vue to displayed that data.</p>
  <p>This is the way I display opening hours and days. So how I can make that hours are the same point of the list, so there is no throws like image below?</p>
  <pre><code>&lt;ul class=&quot;display-items&quot;
      v-for=&quot;item in opendays_hours&quot;&gt;
       
      &lt;li class=&quot;display-item&quot; v-if=&quot;item&quot;&gt;
           {{item.day}} {{item.times}}
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/I7nhP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/I7nhP.png" alt="This is how it displayed now" /></a></p>
  <p><a href="https://i.stack.imgur.com/rvNQq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rvNQq.png" alt="This example shows monday-wednesday how I want to display days and hours" /></a></p>