title: How to show the two lines of heading and data without using table?
body: <p>I've a following HTML code:</p>
  <pre><code>  &lt;div&gt;&lt;span class='top'&gt;Answered&lt;/span&gt;&lt;/div&gt;&lt;div id=&quot;hour&quot;&gt;15&lt;/div&gt;
    &lt;div&gt;&lt;span class='top'&gt;Not Answered&lt;/span&gt;&lt;/div&gt;&lt;div id=&quot;minute&quot;&gt;35&lt;/div&gt;
    &lt;div&gt;&lt;span class='top'&gt;Marked for Review&lt;/span&gt;&lt;/div&gt;&lt;div id=&quot;second&quot;&gt;10&lt;/div&gt;
    &lt;div class='clear'&gt;&lt;/div&gt;
  </code></pre>
  <p>The output of above code is displayed as below:</p>
  <pre><code>Answered
  15
  Not Answered
  35
  Marked for Review
  10
  </code></pre>
  <p>Can anyone help me to bring the above data in following format? I can't use a <code>&lt;table&gt;</code> tag for this manipulation.</p>
  <pre><code>Answered  Not Answered  Marked for Review
     15          35               10
  </code></pre>