title: JavaScript: how to render a border around each line item from innerHTML
body: <p>I have some JavaScript that renders line-item details of some orders.  Here is a code snippet:</p>
  <pre><code>  fetch(`/orders/${businessUnit}`)
      .then(response =&gt; response.json())
      .then(orders=&gt; {
  
    // create a Div for each order
    orders.forEach(order =&gt; {
      const element = document.createElement('div');
      element.innerHTML = `
                    &lt;span class=&quot;buyer&quot; col-3&quot;&gt; ${order.buyer} &lt;/span&gt;
                    &lt;span class=&quot;seller&quot; col-3&quot;&gt; ${order.seller} &lt;/span&gt;
                    &lt;span class=&quot;timestamp&quot; col-3&quot;&gt; ${order.timestamp} &lt;/span&gt;
                `
  }
  </code></pre>
  <p>How would I render a border around each line item <code>order</code>?</p>
  <p>Thanks in advance.</p>
  <p>############</p>
  <p><strong>EDIT</strong></p>
  <p>Following the advice of @Anton Neverov, I have the following:</p>
  <pre><code>  emails.forEach(order=&gt; {
      const element = document.createElement('div');
      element.classList.add('border-class')
      element.style.padding = '5px';
      element.innerHTML = `
                    &lt;div class='border-class'&gt;
                    &lt;span&gt; ${order.buyer} &lt;/span&gt;
                    &lt;span&gt; ${order.seller} &lt;/span&gt;
                    &lt;span&gt; ${order.timestamp} &lt;/span&gt;
                    &lt;/div&gt;
                `
  </code></pre>
  <p><strong>CSS</strong></p>
  <pre><code>.border-class {
      border: 1px solid black
  }
  </code></pre>
  <p>The border does not seem to be rendering.  What did I miss here?  Thank you.</p>