title: HTML Bullet points in rows not vertical
body: <p>How do you make it so bullet points are like this(HTML):</p>
  
  <ul>
  <li>BP1       BP2      BP3       BP4</li>
  </ul>
  
  <p>and not this</p>
  
  <ul>
  <li>e.g</li>
  <li>e.g</li>
  </ul>
  
  <p>I've tried different things and nothing is working.</p>
  
  <p>Any help would be much appreciated.</p>
  
  <p>Thanks.</p>