title: Align text vertically in
body: <p>I am trying to align some text vertically in <strong>bootstrap</strong> <em>div</em>.I want text with <em>fixed height</em> and <em>fixed padding</em>, but it doesn't work.And also is it possible to stretch text to the <em>fixed height</em> and dynamically assign <em>font size</em>?
  <a href="https://jsfiddle.net/elene/640kLut2/" rel="nofollow">link</a></p>
  
  <pre><code>    &lt;div class="section "&gt;
        &lt;div class="container"&gt;
          &lt;div class="row"&gt;
            &lt;div class="col-lg-6 col-md-6 col-sm-hidden col-xs-hidden" style="height:800px;
        "&gt;
              &lt;div id="studio"&gt; studio abc&lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  
  #studio {
    text-align: center;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    font-size: 180px;
    text-transform: uppercase;
    padding-top: 200px;
  }
  </code></pre>