title: GWT Flextable and CSS aligning rotated text along the bottom of the cell
body: <p>I am trying to align text in a GWT flextable, the text is rotated -90 degrees, so that it lines up across the bottom of the cell. An example of the code I am using is (all cells in this row are the same height):</p>
  
  <pre><code>Label lblLeadership = new Label("Leadership Course");
              lblLeadership.setStyleName("gwt-Rotate");
              flexTable.setWidget(0, 1, lblLeadership);
              flexTable.getCellFormatter().setHeight(0, 1, "200px");
              flexTable.getCellFormatter().setHorizontalAlignment(0, 1, HasHorizontalAlignment.ALIGN_CENTER);
              flexTable.getCellFormatter().setVerticalAlignment(0, 1, HasVerticalAlignment.ALIGN_BOTTOM);
  </code></pre>
  
  <p>However, this results in the text extending past the bottom of the cell as per:
  <img src="https://i.stack.imgur.com/gtSA4.png" alt="Incorrect allignment">
  If I use:</p>
  
  <pre><code>flexTable.getCellFormatter().setVerticalAlignment(0, 1, HasVerticalAlignment.ALIGN_MIDDLE);
  </code></pre>
  
  <p>The the text aligns in the middle; however, this does not look very good.</p>
  
  <p>If I use:</p>
  
  <pre><code>flexTable.getCellFormatter().setVerticalAlignment(0, 1, HasVerticalAlignment.ALIGN_TOP);
  </code></pre>
  
  <p>Then the text extends past the top of the cell into the heading "Pack Overview" and menu.</p>
  
  <p>My CSS is:</p>
  
  <pre><code>.gwt-Rotate {
      color: Black;
      font-size: 12px;
      font-style: normal;
      font-family: Arial;
      font-weight: bold;
      /* Safari */
      -webkit-transform: rotate(-90deg);
      /* Firefox */
      -moz-transform: rotate(-90deg);
      /* IE */
      -ms-transform: rotate(-90deg);
      /* Opera */
      -o-transform: rotate(-90deg);
      /* Internet Explorer */
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  }
  </code></pre>
  
  <p>Is there a way to get the text to align nicely along the bottom of the cell please?</p>
  
  <p>Your help is greatly appreciated.</p>
  
  <p>Regards,</p>
  
  <p>Glyn</p>