html - Text outside of table data -


how can add text outside of td in table red lines have draw in photo ? table markup is:

<table> <thead>  <tr><th class="span2"><div class="outside"></div></th>      <th class="span2"></th>      <th class="span2"></th>      <th class="span2"></th>      <th class="span2"></th>      <th class="span2"></th>      </tr> </thead> <tbody>   <tr>     <td class="span2"></td>     <td class="span2"></td>     <td class="span2"></td>     <td class="span2"></td>     <td class="span2"></td>     <td class="span2"></td>   </tr> </tbody> 

how can position absolutely outside ".outside" div inside td. working in google chrome not in firefox. using twitter bootstrap.

enter image description here

what using :before pseudo-selector?

tr:before {     content: "text";     font-size: 0.5em;     display: inline-block;     -webkit-transform: rotate(-90deg);     transform: rotate(-90deg); } 

demo


Comments

Popular posts from this blog

html - Styling progress bar with inline style -

java - Oracle Sql developer error: could not install some modules -

How to use autoclose brackets in Jupyter notebook? -