title: Present separate tables in one page
body: <p>I'm really new to HTML, and I work with Python on this.</p>
  
  <p>I have a few seperated HTML "objects" and I want to show, one after one, and I need a space between them.</p>
  
  <p>This is an example I saw on the net:</p>
  
  <p><a href="https://i.stack.imgur.com/UpPGV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UpPGV.png" alt="enter image description here"></a></p>
  
  <p>Here we can see 3 different HTML "objects" and we can see the space between them.</p>
  
  <p>How do I show them on one page?</p>
  
  <p>My Code:</p>
  
  <pre><code>def nlist_to_html(kpi_data_dict):
  
      headers_lists = ['Total Revenue'] 
      htable = '&lt;br&gt; &lt;table bordercolor=000000 cellspacing="0" cellpadding="1" ' \
               'style="table-layout:fixed; background: #F5F5F5; vertical-align:bottom; font-size:15px;font-family:verdana,sans,sans-serif;border-collapse:collapse;border:3px solid rgb(12, 73, 173); color:rgb(20, 99, 226)" &gt;'
  
      for header in headers_lists:
          new_header = '&lt;header&gt; &lt;h1&gt; &lt;th bgcolor = "#777" colspan = "6" align = "left" valign = "center"&gt; &lt;font size = "6" color ="white"&gt; {header} &lt;/font&gt; &lt;/th&gt; &lt;/h1&gt; &lt;/header&gt;'.format(header= header)
          htable += new_header
  
          for row in kpi_data_dict:
              newrow = u'&lt;tr&gt;'
              newrow += u'&lt;td align="left" style="padding:1px 4px"&gt;' + unicode(row[1][1]) + u'&lt;/td&gt;'
              newrow = newrow + ''.join([u'&lt;td align="center" style="padding:1px 4px"&gt;' + unicode(x) + u'&lt;/td&gt;' for x in row])
              newrow += '&lt;/tr&gt;'
              htable += newrow
          htable += '&lt;/table&gt;'
  
      return htable
  </code></pre>