rotate

by brico

HTML

<div class="container">Thing</div>
<div class="container">Thingsuper</div>
<div class="container">Thing
    <br>Other</div>
<hr>
<table>
    <tr>
        <th>One</th>
        <th>Twoooo</th>
        <th>Threeee eee
            <br>eeeee!</th>
    </tr>
    <tr>
        <td>Thing</td>
        <td>Thing</td>
        <td>Thing</td>
    </tr>
</table>

CSS

.container {
    display: inline-block;
    -webkit-transform: rotate(298deg);
    -moz-transform: rotate(298deg);
    -o-transform: rotate(298deg);
    writing-mode: lr-tb;
    border: 1px solid red;
    background: #ccc;
}
.container:first-child {
    margin-left: 0;
}
table, th, td { border: 1px solid #ccc; }
table th {
    -webkit-transform: rotate(298deg);
    -moz-transform: rotate(298deg);
    -o-transform: rotate(298deg);
    writing-mode: lr-tb;
}