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

ios - Memory not freeing up after popping viewcontroller using ARC -

Django REST Framework perform_create: You cannot call `.save()` after accessing `serializer.data` -

Why does Go error when trying to marshal this JSON? -