title: Table tr vertical in direction. How can I do?
body: <p>I have seen table tr coming in horizontal fashion. Like following:</p>
  
  <pre><code>&lt;table style="width:50%;"&gt;
    &lt;tr&gt;
      &lt;th&gt;Month&lt;/th&gt;
      &lt;th&gt;Savings&lt;/th&gt;
    &lt;/tr&gt;
    &lt;tr style="height:100px"&gt;
      &lt;td valign="bottom"&gt;January&lt;/td&gt;
      &lt;td valign="bottom"&gt;$100&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>My requirement is:</p>
  
  <pre><code> Month   January
   Savings $100
  </code></pre>
  
  <p>But, not with following code &amp; with CSS - Vertical alignment. Bcz, I am using angular ngFor which I need to display 1/2/3 columns dynamically.</p>
  
  <pre><code>&lt;table style="width:50%;"&gt;
    &lt;tr&gt;
      &lt;th&gt;Month&lt;/th&gt;
      &lt;td valign="bottom"&gt;January&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr style="height:100px"&gt;
      &lt;th&gt;Savings&lt;/th&gt;
      &lt;td valign="bottom"&gt;$100&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Current solution I know is:</p>
  
  <pre><code>&lt;table style="width:50%;"&gt;
    &lt;tr&gt;
      &lt;th&gt;Month&lt;/th&gt;
      &lt;td *ngFor="let i of is"&gt;{{i.a}}&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr style="height:100px"&gt;
      &lt;th&gt;Savings&lt;/th&gt;
      &lt;td *ngFor="let i of is"&gt;{{i.b}}&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Here I need to write ngFor multiple times. I did this with div and css, but I need all row cells in same height dynamically - which I am not seeing with that. How can I display table tr vertical in direction with CSS?</p>