title: How can I break <li> elements vertically
body: <p>I have a list of <code>&lt;li&gt;</code> elements where the  <code>&lt;ul&gt;</code> has a fixed size of 150px (height) and 400px (width)</p>
  
  <h2>How are you today</h2>
  
  <p><img src="https://i.stack.imgur.com/FOl7z.png" alt="Original"></p>
  
  <h2>How I would like to stay:</h2>
  
  <p><img src="https://i.stack.imgur.com/9LkUO.png" alt="Objetive"></p>
  
  <p>NOTE: This list is dynamic! </p>
  
  <p><strong>Thank you all for your help</strong></p>