title: Using CSS to divide text into rows
body: <p>On my wordpress / woocommerce website I have a lot of product options, in my cart where those options are displayed - the options chosen are presented as a fluent text as oppose to have one option per row which would look a lot more structured and would be easier to read.</p>
  <p>My question is if its possible, using CSS to structure the fluent text into rows, CSS would be the most convenient way for me to resolve it although I am open to other options as well.</p>
  <p>Try adding the following product to cart <a href="https://www.fonster24.tk/webshop/fonster/trafonster/tra-vridfonster/" rel="nofollow noreferrer">LINK</a>
  Add to cart button says &quot;LÄGG TILL I KUNDVAGN&quot; on my language.
  Then go to <a href="https://www.fonster24.tk/kundvagn/" rel="nofollow noreferrer">CART</a>.</p>
  <p>As you can see in the first column beneath the title and beside the product image - Type of option in regular text then : and chosen option in bold text.
  First two options are &quot;Bredd: <strong>5 (480 mm)</strong> Höjd: <strong>5 (480 mm)</strong>&quot;</p>
  <p>What I want is it to be displayed like this instead:</p>
  <p>Bredd: <strong>5 (480 mm)</strong></p>
  <p>Höjd: <strong>5 (480 mm)</strong></p>
  <p>Etc.</p>
  <p>Is there an easy solution to this problem? Again preferably via CSS?</p>
  <p>Thanks a lot in advance!</p>