title: Rotating box in HTML
body: <p>I am creating a thermometer for fundraising on my website. I have created a code to make the thermometer but it is at a horizontal line not a vertical line. Can you please help to rotate this?</p>
  
  <p>Thanks</p>
  
  <pre><code>        &lt;div class="primary_font font-32px"&gt;&lt;span class="font-16px"&gt;&lt;/span&gt;&lt;/div&gt;
                  &lt;div class='donation_raise_bar' style="background-color:#dee1dd;border-radius:9px;position:relative;width:800;height:26px;"&gt;
              &lt;span class="fundraise_raised_percentage" style="background-color:#fb1085;border-radius:20px;display:block;overflow:hidden;height:100%;line-height:1.5;min-width:1%!important;width:50%"&gt;
                  &lt;center&gt;&lt;span class="fundraise_amount_raised white_text arial_font font-12px bold-text"&gt;50%&lt;/span&gt;&lt;/center&gt;
              &lt;/span&gt;
          &lt;/div&gt;
          &lt;div class="margin-top"&gt;
              &lt;div class="arial_font font-16px"&gt;&lt;span class="bold-text"&gt;&lt;/span&gt;&lt;/div&gt;
          &lt;/div&gt;
  &lt;div id="container_2"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>