title: How to wrap UL list - LIs on new line with css
body: <p>Here in the image below the list is going out of the screen. I need to block the width of the ul. Width applied but going out of the ul width.
  Current CSS Used:</p>
  
  <pre><code>.menu ul{
  width:100%;
  max-width:100%;
  }
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/QqQlg.png" alt="enter image description here"></p>