title: Style unordered list to display list items in rounded corner box
body: <p>I would like to style a <code>&lt;ul&gt;</code> to display all items in a box with rounded corners (see below):</p>
  
  <p><img src="https://i.stack.imgur.com/ocf8o.gif" alt="enter image description here"></p>
  
  <p>Is it possible to use CSS and only the <code>&lt;ul&gt;</code> (with no additional <code>&lt;div&gt;</code>s and tables), as I'm going to use it in a CMS system to style all <code>&lt;ul&gt;</code>s created by the user?</p>