About 12 months ago you helped me to align som etext vertically in a table.
The CSS which worked on www.c5d.co.uk/descriptioned21891.php was as follows:
/* TABLE.test */
.test {
table-layout:auto;
width:950px;
border-spacing:3px;
margin:0px auto;
}
.test th,
.test td {
width:9%;
border:1px solid #000 ;
text-align:center;
vertical-align:middle;
padding:2px 0 1px;
}
.test th.col7,
.test td.col7 {width:11%;}
.test th.col8,
.test td.col8 {width:11%;}
.test th.col9,
.test td.col9 {width:24%;}
/* TEXT */
.test p {
margin:.2em .1em .4em;
}
.test p.rotate {
display:inline-block;
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
line-height:1.5;
letter-spacing:1px;
margin:0 -90px;
}
/* LIST */
.test ul {
list-style-type:none;
padding:4px 0 6px;
margin:0;
}
.test li {
margin:5px auto;
}
I have a similar table now which I want just two table cells to be vertical.
It’s www.c5d.co.uk/workhouse.php
I have renamed the table “vertical” in this web page but the text goes out of the cell
What am I missing ?
Thanks
ralphm
November 27, 2013, 1:26pm
2
It only worked in the previous table because there was a lot of content in column 9 on that row. Are you likely to have content in the other cells of that row? If not, you could put some dummy content, like <br>s, but that’s very dirty, so there are better CSS options (such as tr:nth-child(3) {height: 400px;}
). But the table will look pretty weird with no other content on that row anyway. :-/
Thanks for your thoughts.
I was hoping to somehow limit the height of the cell to force it to wrap, or something similar.
Maybe this should be the width if the text is rotated 90 degrees.
The effct may be weird but it will then look as originally printed. It is a census transcription from 170 years ago.
I just want the two cells showing the text “whether born in the same County” and Whether born in Scotland Ireland or Foreign Parts to read vertically as the form was printed.
Thanks
PaulOB
November 27, 2013, 5:15pm
4
Rather than doing multiple rows the data needs to be in one row as per your original example.
You would need to put all that date in a nested table inside one cell and then the vertical text in cells of their own so you basically have a table with three cells. The firs cell contains the nested table and the other two cells just contain the vertical text.
e.g.
<table class="vertical">
<tr>
<td><table>
<tbody>
<tr>
<td rowspan="2" colspan="2">NAMES of each person who abode therein on the Night of Sunday, June 6th.</td>
<td rowspan="2">Age of Males.</td>
<td rowspan="2">Age of Females.</td>
<td rowspan="2">OCCUPATION, if any.</td>
<td colspan="2"></td>
</tr>
<tr>
<td colspan="2">Where born</td>
</tr>
<tr>
<td>John</td>
<td>Ousey</td>
<td>70</td>
<td></td>
<td>Governor</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Ellen</td>
<td>Hague</td>
<td></td>
<td>45</td>
<td>Governess</td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>Ellen</td>
<td>Shirley</td>
<td></td>
<td>80</td>
<td>Pauper</td>
<td></td>
<td>I</td>
</tr>
<tr>
<td>George</td>
<td>Brooks</td>
<td>80</td>
<td></td>
<td>Pauper Woolen Weaver</td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>Martha</td>
<td>Oliver</td>
<td></td>
<td>80</td>
<td>Pauper Female Servant</td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>Betty</td>
<td>Haworth</td>
<td></td>
<td>65</td>
<td>Pauper Sick Nurse</td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>Fanny</td>
<td>Ogden</td>
<td></td>
<td>55</td>
<td>Pauper Weaver</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Sam
<p class="superscript">l</p></td>
<td>Alexander</td>
<td>7</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>George</td>
<td>Alexander</td>
<td>5</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Jane</td>
<td>Wood</td>
<td></td>
<td>70</td>
<td>Pauper Cotton Spinner</td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>Sarah</td>
<td>Lees</td>
<td></td>
<td>30</td>
<td>Pauper Bonnett Maker</td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>Elizabeth</td>
<td>Lees</td>
<td></td>
<td>1</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Ann</td>
<td>Tennant</td>
<td></td>
<td>20</td>
<td>Pauper Cotton Piecer</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Martha</td>
<td>Tennant</td>
<td></td>
<td><p class="superscript">1</p>
/
<p class="subscript">12</p></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Mary</td>
<td>Buckley</td>
<td></td>
<td>25</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Kitty</td>
<td>Scholes</td>
<td></td>
<td>20</td>
<td>Pauper Frame Tenter</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Elizabeth</td>
<td>Scholes</td>
<td></td>
<td><p class="superscript">1</p>
/
<p class="subscript">12</p></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Mary</td>
<td>Corcoran</td>
<td></td>
<td>40</td>
<td>Pauper Nurse</td>
<td></td>
<td>I</td>
</tr>
<tr>
<td>James</td>
<td>Corcoran</td>
<td>7</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Mary</td>
<td>Shaw</td>
<td></td>
<td>75</td>
<td>Pauper Medicene Healer</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Mary</td>
<td>Rearden</td>
<td></td>
<td>4</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Mary</td>
<td>Sykes</td>
<td></td>
<td>45</td>
<td>Pauper Frame Tenter</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Sam
<p class="superscript">l</p></td>
<td>Lees</td>
<td>9</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Ann</td>
<td>Wolley</td>
<td></td>
<td>40</td>
<td>Pauper Blower Tenter</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Ann</td>
<td>Brassgirdle</td>
<td></td>
<td>6</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>John</td>
<td>Heys</td>
<td>5</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Hannah</td>
<td>Heyrod</td>
<td></td>
<td>8</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Susan</td>
<td>Hill</td>
<td></td>
<td>15</td>
<td>Pauper</td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>Sarah</td>
<td>Gaskill</td>
<td></td>
<td>55</td>
<td>Pauper Reeler</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Emma</td>
<td>Hague</td>
<td></td>
<td>2</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Sarah</td>
<td>Chadderton</td>
<td></td>
<td>5</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Mary</td>
<td>Heyrod</td>
<td></td>
<td>11</td>
<td>Pauper Nurse</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>George</td>
<td>Lees</td>
<td>45</td>
<td></td>
<td>Pauper Weaver</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>John</td>
<td>Wooley</td>
<td>12</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Samuel</td>
<td>Newton</td>
<td>45</td>
<td></td>
<td>Pauper Spinner</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>William</td>
<td>Finnerty</td>
<td>11</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>John</td>
<td>Hall</td>
<td>12</td>
<td></td>
<td>Pauper Heald Knitter</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>John</td>
<td>Brassgirdle</td>
<td>11</td>
<td></td>
<td>Pauper Heald Knitter</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>George</td>
<td>Hall</td>
<td>6</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Fanny</td>
<td>Schofield</td>
<td></td>
<td>30</td>
<td>Pauper Reeler</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Isaac</td>
<td>Schofield</td>
<td>7</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Mark</td>
<td>Schofield</td>
<td>2</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>John</td>
<td>Kelly</td>
<td>60</td>
<td></td>
<td>Pauper Tailor</td>
<td></td>
<td>I</td>
</tr>
<tr>
<td>John</td>
<td>Chadderton</td>
<td>2</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Betty</td>
<td>Kelly</td>
<td></td>
<td>65</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Elizabeth</td>
<td>Ashton</td>
<td></td>
<td>35</td>
<td>Pauper Reeler</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Sarah</td>
<td>Withington</td>
<td></td>
<td>40</td>
<td>Pauper Weaver</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>William</td>
<td>Higham</td>
<td>55</td>
<td></td>
<td>Pauper Woolen Sluber</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Susan</td>
<td>Higham</td>
<td></td>
<td>55</td>
<td>Pauper Cotton Picker</td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>Hannah</td>
<td>Burgess</td>
<td></td>
<td>1</td>
<td></td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>William</td>
<td>Heyrod</td>
<td>35</td>
<td></td>
<td>Pauper Weaver</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Betty</td>
<td>Heyrod</td>
<td></td>
<td>40</td>
<td>Pauper Weaver</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Samuel</td>
<td>Heyrod</td>
<td>4</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Elizabeth</td>
<td>Heyrod</td>
<td></td>
<td>2</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Isaac</td>
<td>Bayley</td>
<td>6</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>John</td>
<td>Fullerton</td>
<td>65</td>
<td></td>
<td>Pauper Groom</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Thomas</td>
<td>Chadwick</td>
<td>65</td>
<td></td>
<td>Pauper Weaver</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>William</td>
<td>Craven</td>
<td>60</td>
<td></td>
<td>Pauper Carter</td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>Edward</td>
<td>Hyde</td>
<td>80</td>
<td></td>
<td>Pauper Joiner</td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>John</td>
<td>Schofield</td>
<td>40</td>
<td></td>
<td>Pauper Labourer</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Samuel</td>
<td>Lees</td>
<td>15</td>
<td></td>
<td>Pauper Coal Miner</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Robert</td>
<td>Bardsley</td>
<td>35</td>
<td></td>
<td>Pauper Cotton Weaver</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Hannah</td>
<td>Heys</td>
<td></td>
<td>9</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Ann</td>
<td>Ashton</td>
<td></td>
<td>70</td>
<td>Pauper Cotton Baller</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Ann</td>
<td>Sidrow</td>
<td></td>
<td>60</td>
<td>Pauper Cotton Weaver</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Elizabeth</td>
<td>Buckley</td>
<td></td>
<td>30</td>
<td>Pauper Cotton Carder</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Ann</td>
<td>Smith</td>
<td></td>
<td>55</td>
<td>Pauper Weaver</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Ann</td>
<td>France</td>
<td></td>
<td>35</td>
<td>Pauper Shoe Binder</td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>W
<p class="superscript">m</p></td>
<td>France</td>
<td>3</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Amelia</td>
<td>France</td>
<td></td>
<td>1</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Mary</td>
<td>Buckley</td>
<td></td>
<td>5</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Eliza </td>
<td>Buckley</td>
<td></td>
<td>2</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Alice</td>
<td>Charlesworth</td>
<td></td>
<td>30</td>
<td>Pauper Cotton Weaver</td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>Ann</td>
<td>Charlesworth</td>
<td></td>
<td>7</td>
<td></td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>James</td>
<td>Charlesworth</td>
<td><p class="superscript">6</p>
/
<p class="subscript">12</p></td>
<td></td>
<td></td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>William</td>
<td>Buckley</td>
<td>12</td>
<td></td>
<td>Pauper Heald Reacher</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Joseph</td>
<td>Buckley</td>
<td>7</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Samuel</td>
<td>Stansfield</td>
<td>5</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Ellen</td>
<td>Burchill</td>
<td></td>
<td>7</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Elizabeth</td>
<td>Beswick</td>
<td></td>
<td>5</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Edward</td>
<td>Beswick</td>
<td>3</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Ann</td>
<td>Mills</td>
<td></td>
<td>55</td>
<td>Pauper Weaver</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Mary</td>
<td>Heap</td>
<td></td>
<td>25</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>James</td>
<td>Heap</td>
<td>5</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Elizabeth</td>
<td>Lilley</td>
<td></td>
<td>5</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Hannah</td>
<td>Wood</td>
<td></td>
<td>25</td>
<td>Pauper Cotton Piecer</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Tho
<p class="superscript">s</p></td>
<td>Kelly</td>
<td>5</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Mary</td>
<td>France</td>
<td></td>
<td>8</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Sarah</td>
<td>Ogden</td>
<td></td>
<td>25</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Mary</td>
<td>Marsland</td>
<td></td>
<td>40</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Betty</td>
<td>Wilde</td>
<td></td>
<td>4</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Mary</td>
<td>Garside</td>
<td></td>
<td>40</td>
<td>Pauper Tenter of Cotton Blowers</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Hannah</td>
<td>Kenworthy</td>
<td></td>
<td>70</td>
<td>Pauper Female Servant</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Joseph</td>
<td>Fielding</td>
<td>35</td>
<td></td>
<td>Pauper Flat Dyer</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Abraham</td>
<td>Fielding</td>
<td></td>
<td>30</td>
<td>Pauper School Master</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Ann</td>
<td>Wright</td>
<td></td>
<td>25</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Robert</td>
<td>Walker</td>
<td>6</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Hannah</td>
<td>Howard</td>
<td></td>
<td>20</td>
<td>Pauper Cotton Weaver</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>James</td>
<td>Howard</td>
<td>1</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Harriett</td>
<td>Walker</td>
<td></td>
<td>35</td>
<td>Pauper Card Room Hand</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Joseph</td>
<td>Walker</td>
<td>4</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Mary Ann</td>
<td>Walker</td>
<td></td>
<td>7</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Sam
<p class="superscript">l</p></td>
<td>Walker</td>
<td><p class="superscript">8</p>
/
<p class="subscript">12</p></td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Sarah</td>
<td>Clough</td>
<td></td>
<td>45</td>
<td>Pauper </td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>Jane</td>
<td>Clayton</td>
<td></td>
<td>45</td>
<td>Pauper Female Servant</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>John</td>
<td>Clayton</td>
<td>11</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Rebecca</td>
<td>Clayton</td>
<td></td>
<td>8</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Nathan</td>
<td>Clayton</td>
<td></td>
<td>3</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Ann</td>
<td>Howard</td>
<td></td>
<td>45</td>
<td>Pauper Cotton Twiner</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Mary Ann</td>
<td>Carter</td>
<td></td>
<td>15</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Sarah</td>
<td>Duffy</td>
<td></td>
<td>20</td>
<td>Pauper Cotton Winder</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Ann</td>
<td>Duffy</td>
<td></td>
<td>7</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Betty</td>
<td>Duffy</td>
<td></td>
<td>2</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Sarah</td>
<td>Duffy</td>
<td></td>
<td><p class="superscript">5</p>
/
<p class="subscript">12</p></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Jane</td>
<td>Burrows</td>
<td></td>
<td>25</td>
<td>Pauper Confectioner</td>
<td></td>
<td>I</td>
</tr>
<tr>
<td>Margaret</td>
<td>Burrows</td>
<td></td>
<td>3</td>
<td>Pauper</td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>William</td>
<td>Burrows</td>
<td>5</td>
<td></td>
<td>Pauper</td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>James</td>
<td>Burrows</td>
<td><p class="superscript">5</p>
/
<p class="subscript">12</p></td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Kitty</td>
<td>Pass</td>
<td></td>
<td>45</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Mary Anne</td>
<td>McDermid</td>
<td></td>
<td>15</td>
<td>Pauper Card Room Hand</td>
<td></td>
<td>I</td>
</tr>
<tr>
<td>Mary</td>
<td>Cazey</td>
<td></td>
<td>35</td>
<td>Pauper</td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>Sarah</td>
<td>Mayall</td>
<td></td>
<td>35</td>
<td>Pauper Card Room Hand</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>W
<p class="superscript">m</p></td>
<td>Mayall</td>
<td>3</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>John</td>
<td>Mayall</td>
<td><p class="superscript">5</p>
/
<p class="subscript">12</p></td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>James</td>
<td>Newton</td>
<td>75</td>
<td></td>
<td>Pauper Cloth Dresser</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Joseph</td>
<td>Mills</td>
<td>75</td>
<td></td>
<td>Pauper Woolen Cloth Dresser</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Thomas</td>
<td>Goddard</td>
<td>35</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>James</td>
<td>Mills</td>
<td>65</td>
<td></td>
<td>Pauper Hatter</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>William</td>
<td>Dunkerly</td>
<td>55</td>
<td></td>
<td>Pauper Ag
<p class="superscript">l</p>
Labourer</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Henry</td>
<td>Goddard</td>
<td>55</td>
<td></td>
<td>Pauper Tailor</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>James</td>
<td>Gledhill</td>
<td>50</td>
<td></td>
<td>Pauper Cotton Weaver</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>William</td>
<td>Booth</td>
<td>40</td>
<td></td>
<td>Pauper Cotton Striper</td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>John</td>
<td>Ingham</td>
<td>75</td>
<td></td>
<td>Pauper Weaver</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>James</td>
<td>Hibbert</td>
<td>30</td>
<td></td>
<td>Pauper Cotton Spinner</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>James</td>
<td>Burgess</td>
<td>20</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Thomas</td>
<td>Bowcock</td>
<td>35</td>
<td></td>
<td>Pauper Grinder & Striper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>James</td>
<td>Whitehead</td>
<td>70</td>
<td></td>
<td>Pauper Hatter</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Thomas</td>
<td>Kershaw</td>
<td>70</td>
<td></td>
<td>Pauper Weaver</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>John</td>
<td>Howard</td>
<td>8</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Thomas</td>
<td>Thorpe</td>
<td>60</td>
<td></td>
<td>Pauper School Master</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Isaac</td>
<td>Slater</td>
<td>13</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Tho
<p class="superscript">s</p></td>
<td>Hall</td>
<td>30</td>
<td></td>
<td>Pauper Grinder & Striper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Thomas</td>
<td>Barrows</td>
<td>30</td>
<td></td>
<td>Pauper Joiner</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Hamblet</td>
<td>Heaton</td>
<td>80</td>
<td></td>
<td>Pauper Cotton Spinner</td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>John</td>
<td>Waterhouse</td>
<td>40</td>
<td></td>
<td>Pauper Porter</td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>George</td>
<td>Stansfield</td>
<td>7</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>John</td>
<td>M
<p class="superscript"></p>
cGinnis</td>
<td>15</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Joseph</td>
<td>Broadbent</td>
<td>70</td>
<td></td>
<td>Pauper Cotton Weaver</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>William</td>
<td>Bardsley</td>
<td>12</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Thomas</td>
<td>Chadderton</td>
<td>70</td>
<td></td>
<td>Pauper Ag
<p class="superscript">l</p>
Labourer</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>James</td>
<td>Moss</td>
<td>70</td>
<td></td>
<td>Pauper Cotton Weaver</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>James</td>
<td>Whitworth</td>
<td>70</td>
<td></td>
<td>Pauper Groom</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Edwin</td>
<td>Walker</td>
<td>30</td>
<td></td>
<td>Pauper Cotton Spinner</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>John</td>
<td>Cordingley</td>
<td>60</td>
<td></td>
<td>Pauper Engineer</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Thomas</td>
<td>Seel</td>
<td>65</td>
<td></td>
<td>Pauper Carter</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>James</td>
<td>Sidson</td>
<td>60</td>
<td></td>
<td>Pauper Calico Printer</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>William</td>
<td>Andrew</td>
<td>30</td>
<td></td>
<td>Pauper Cotton Spinner</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>William</td>
<td>Heyrod</td>
<td>15</td>
<td></td>
<td>Pauper Cotton Piecer</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>John</td>
<td>Heyrod</td>
<td>13</td>
<td></td>
<td>Pauper Cotton Piecer</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Rob
<p class="superscript">t</p></td>
<td>Marsland</td>
<td>14</td>
<td></td>
<td>Pauper Cotton Piecer</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Samuel</td>
<td>Lees</td>
<td>60</td>
<td></td>
<td>Pauper Hatter</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Samuel</td>
<td>Clough</td>
<td>75</td>
<td></td>
<td>Pauper Ag
<p class="superscript">l </p>
Labourer</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>William</td>
<td>Gledhill</td>
<td>55</td>
<td></td>
<td>Pauper Weaver</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Betty</td>
<td>Harrop</td>
<td></td>
<td>55</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
</tbody>
</table></td>
<td class="workhouse"><p class="rotate">Whether Born in the same County.</p></td>
<td><p class="rotate">Whether Born in Scotland, Ireland, or Foreign Parts.</p></td>
</tr>
</table>
You will probably have to change the negative margins on p.rotate as this text is much longer than your other example.
e.g.
.vertical p.rotate {
display: inline-block;
letter-spacing: 1px;
line-height: 1.5;
margin: 0 -146px;
transform: rotate(-90deg);
white-space: nowrap;
}
That will have to be a new class or it will conflict with the other table.
The other problem is that because the table is so tall you will have to scroll down a bit before you see the centred vertical text.
Thanks for this but what you have suggested appears to put the text into another row.
Maybe an image of what I am trying to achive will help
It’s attached
Thanks
PaulOB
November 27, 2013, 8:03pm
6
It’s basically the same answer
Just put all that top row into single cells. You will need to split the last cell into two rows and two columns.
e.g.
<table class="vertical">
<tbody>
<tr class="firstrow">
<td colspan="2" rowspan="2">NAMES of each person who abode therein on the Night of Sunday, June 6th.</td>
<td rowspan="2" >Age of Males.</td>
<td rowspan="2" >Age of Females.</td>
<td rowspan="2" >OCCUPATION, if any.</td>
<td class="last" colspan="2">Where born</td>
</tr>
<tr class="rot">
<td><p class="rotate2">Whether Born <br>
in same County.</p></td>
<td><p class="rotate2">Whether Born in <br>
Scotland, Ireland, <br>
or Foreign Parts.</p></td>
</tr>
<tr>
<td> </td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>John</td>
<td>Ousey</td>
<td>70</td>
<td></td>
<td>Governor</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Ellen</td>
<td>Hague</td>
<td></td>
<td>45</td>
<td>Governess</td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>Ellen</td>
<td>Shirley</td>
<td></td>
<td>80</td>
<td>Pauper</td>
<td></td>
<td>I</td>
</tr>
<tr>
<td>George</td>
<td>Brooks</td>
<td>80</td>
<td></td>
<td>Pauper Woolen Weaver</td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>Martha</td>
<td>Oliver</td>
<td></td>
<td>80</td>
<td>Pauper Female Servant</td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>Betty</td>
<td>Haworth</td>
<td></td>
<td>65</td>
<td>Pauper Sick Nurse</td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>Fanny</td>
<td>Ogden</td>
<td></td>
<td>55</td>
<td>Pauper Weaver</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Sam
<p class="superscript">l</p></td>
<td>Alexander</td>
<td>7</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>George</td>
<td>Alexander</td>
<td>5</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Jane</td>
<td>Wood</td>
<td></td>
<td>70</td>
<td>Pauper Cotton Spinner</td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>Sarah</td>
<td>Lees</td>
<td></td>
<td>30</td>
<td>Pauper Bonnett Maker</td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>Elizabeth</td>
<td>Lees</td>
<td></td>
<td>1</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Ann</td>
<td>Tennant</td>
<td></td>
<td>20</td>
<td>Pauper Cotton Piecer</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Martha</td>
<td>Tennant</td>
<td></td>
<td><p class="superscript">1</p>
/
<p class="subscript">12</p></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Mary</td>
<td>Buckley</td>
<td></td>
<td>25</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Kitty</td>
<td>Scholes</td>
<td></td>
<td>20</td>
<td>Pauper Frame Tenter</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Elizabeth</td>
<td>Scholes</td>
<td></td>
<td><p class="superscript">1</p>
/
<p class="subscript">12</p></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Mary</td>
<td>Corcoran</td>
<td></td>
<td>40</td>
<td>Pauper Nurse</td>
<td></td>
<td>I</td>
</tr>
<tr>
<td>James</td>
<td>Corcoran</td>
<td>7</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Mary</td>
<td>Shaw</td>
<td></td>
<td>75</td>
<td>Pauper Medicene Healer</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Mary</td>
<td>Rearden</td>
<td></td>
<td>4</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Mary</td>
<td>Sykes</td>
<td></td>
<td>45</td>
<td>Pauper Frame Tenter</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Sam
<p class="superscript">l</p></td>
<td>Lees</td>
<td>9</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Ann</td>
<td>Wolley</td>
<td></td>
<td>40</td>
<td>Pauper Blower Tenter</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Ann</td>
<td>Brassgirdle</td>
<td></td>
<td>6</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>John</td>
<td>Heys</td>
<td>5</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Hannah</td>
<td>Heyrod</td>
<td></td>
<td>8</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Susan</td>
<td>Hill</td>
<td></td>
<td>15</td>
<td>Pauper</td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>Sarah</td>
<td>Gaskill</td>
<td></td>
<td>55</td>
<td>Pauper Reeler</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Emma</td>
<td>Hague</td>
<td></td>
<td>2</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Sarah</td>
<td>Chadderton</td>
<td></td>
<td>5</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Mary</td>
<td>Heyrod</td>
<td></td>
<td>11</td>
<td>Pauper Nurse</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>George</td>
<td>Lees</td>
<td>45</td>
<td></td>
<td>Pauper Weaver</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>John</td>
<td>Wooley</td>
<td>12</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Samuel</td>
<td>Newton</td>
<td>45</td>
<td></td>
<td>Pauper Spinner</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>William</td>
<td>Finnerty</td>
<td>11</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>John</td>
<td>Hall</td>
<td>12</td>
<td></td>
<td>Pauper Heald Knitter</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>John</td>
<td>Brassgirdle</td>
<td>11</td>
<td></td>
<td>Pauper Heald Knitter</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>George</td>
<td>Hall</td>
<td>6</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Fanny</td>
<td>Schofield</td>
<td></td>
<td>30</td>
<td>Pauper Reeler</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Isaac</td>
<td>Schofield</td>
<td>7</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Mark</td>
<td>Schofield</td>
<td>2</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>John</td>
<td>Kelly</td>
<td>60</td>
<td></td>
<td>Pauper Tailor</td>
<td></td>
<td>I</td>
</tr>
<tr>
<td>John</td>
<td>Chadderton</td>
<td>2</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Betty</td>
<td>Kelly</td>
<td></td>
<td>65</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Elizabeth</td>
<td>Ashton</td>
<td></td>
<td>35</td>
<td>Pauper Reeler</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Sarah</td>
<td>Withington</td>
<td></td>
<td>40</td>
<td>Pauper Weaver</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>William</td>
<td>Higham</td>
<td>55</td>
<td></td>
<td>Pauper Woolen Sluber</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Susan</td>
<td>Higham</td>
<td></td>
<td>55</td>
<td>Pauper Cotton Picker</td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>Hannah</td>
<td>Burgess</td>
<td></td>
<td>1</td>
<td></td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>William</td>
<td>Heyrod</td>
<td>35</td>
<td></td>
<td>Pauper Weaver</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Betty</td>
<td>Heyrod</td>
<td></td>
<td>40</td>
<td>Pauper Weaver</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Samuel</td>
<td>Heyrod</td>
<td>4</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Elizabeth</td>
<td>Heyrod</td>
<td></td>
<td>2</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Isaac</td>
<td>Bayley</td>
<td>6</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>John</td>
<td>Fullerton</td>
<td>65</td>
<td></td>
<td>Pauper Groom</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Thomas</td>
<td>Chadwick</td>
<td>65</td>
<td></td>
<td>Pauper Weaver</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>William</td>
<td>Craven</td>
<td>60</td>
<td></td>
<td>Pauper Carter</td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>Edward</td>
<td>Hyde</td>
<td>80</td>
<td></td>
<td>Pauper Joiner</td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>John</td>
<td>Schofield</td>
<td>40</td>
<td></td>
<td>Pauper Labourer</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Samuel</td>
<td>Lees</td>
<td>15</td>
<td></td>
<td>Pauper Coal Miner</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Robert</td>
<td>Bardsley</td>
<td>35</td>
<td></td>
<td>Pauper Cotton Weaver</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Hannah</td>
<td>Heys</td>
<td></td>
<td>9</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Ann</td>
<td>Ashton</td>
<td></td>
<td>70</td>
<td>Pauper Cotton Baller</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Ann</td>
<td>Sidrow</td>
<td></td>
<td>60</td>
<td>Pauper Cotton Weaver</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Elizabeth</td>
<td>Buckley</td>
<td></td>
<td>30</td>
<td>Pauper Cotton Carder</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Ann</td>
<td>Smith</td>
<td></td>
<td>55</td>
<td>Pauper Weaver</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Ann</td>
<td>France</td>
<td></td>
<td>35</td>
<td>Pauper Shoe Binder</td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>W
<p class="superscript">m</p></td>
<td>France</td>
<td>3</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Amelia</td>
<td>France</td>
<td></td>
<td>1</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Mary</td>
<td>Buckley</td>
<td></td>
<td>5</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Eliza </td>
<td>Buckley</td>
<td></td>
<td>2</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Alice</td>
<td>Charlesworth</td>
<td></td>
<td>30</td>
<td>Pauper Cotton Weaver</td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>Ann</td>
<td>Charlesworth</td>
<td></td>
<td>7</td>
<td></td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>James</td>
<td>Charlesworth</td>
<td><p class="superscript">6</p>
/
<p class="subscript">12</p></td>
<td></td>
<td></td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>William</td>
<td>Buckley</td>
<td>12</td>
<td></td>
<td>Pauper Heald Reacher</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Joseph</td>
<td>Buckley</td>
<td>7</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Samuel</td>
<td>Stansfield</td>
<td>5</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Ellen</td>
<td>Burchill</td>
<td></td>
<td>7</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Elizabeth</td>
<td>Beswick</td>
<td></td>
<td>5</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Edward</td>
<td>Beswick</td>
<td>3</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Ann</td>
<td>Mills</td>
<td></td>
<td>55</td>
<td>Pauper Weaver</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Mary</td>
<td>Heap</td>
<td></td>
<td>25</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>James</td>
<td>Heap</td>
<td>5</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Elizabeth</td>
<td>Lilley</td>
<td></td>
<td>5</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Hannah</td>
<td>Wood</td>
<td></td>
<td>25</td>
<td>Pauper Cotton Piecer</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Tho
<p class="superscript">s</p></td>
<td>Kelly</td>
<td>5</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Mary</td>
<td>France</td>
<td></td>
<td>8</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Sarah</td>
<td>Ogden</td>
<td></td>
<td>25</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Mary</td>
<td>Marsland</td>
<td></td>
<td>40</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Betty</td>
<td>Wilde</td>
<td></td>
<td>4</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Mary</td>
<td>Garside</td>
<td></td>
<td>40</td>
<td>Pauper Tenter of Cotton Blowers</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Hannah</td>
<td>Kenworthy</td>
<td></td>
<td>70</td>
<td>Pauper Female Servant</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Joseph</td>
<td>Fielding</td>
<td>35</td>
<td></td>
<td>Pauper Flat Dyer</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Abraham</td>
<td>Fielding</td>
<td></td>
<td>30</td>
<td>Pauper School Master</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Ann</td>
<td>Wright</td>
<td></td>
<td>25</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Robert</td>
<td>Walker</td>
<td>6</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Hannah</td>
<td>Howard</td>
<td></td>
<td>20</td>
<td>Pauper Cotton Weaver</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>James</td>
<td>Howard</td>
<td>1</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Harriett</td>
<td>Walker</td>
<td></td>
<td>35</td>
<td>Pauper Card Room Hand</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Joseph</td>
<td>Walker</td>
<td>4</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Mary Ann</td>
<td>Walker</td>
<td></td>
<td>7</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Sam
<p class="superscript">l</p></td>
<td>Walker</td>
<td><p class="superscript">8</p>
/
<p class="subscript">12</p></td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Sarah</td>
<td>Clough</td>
<td></td>
<td>45</td>
<td>Pauper </td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>Jane</td>
<td>Clayton</td>
<td></td>
<td>45</td>
<td>Pauper Female Servant</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>John</td>
<td>Clayton</td>
<td>11</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Rebecca</td>
<td>Clayton</td>
<td></td>
<td>8</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Nathan</td>
<td>Clayton</td>
<td></td>
<td>3</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Ann</td>
<td>Howard</td>
<td></td>
<td>45</td>
<td>Pauper Cotton Twiner</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Mary Ann</td>
<td>Carter</td>
<td></td>
<td>15</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Sarah</td>
<td>Duffy</td>
<td></td>
<td>20</td>
<td>Pauper Cotton Winder</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Ann</td>
<td>Duffy</td>
<td></td>
<td>7</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Betty</td>
<td>Duffy</td>
<td></td>
<td>2</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Sarah</td>
<td>Duffy</td>
<td></td>
<td><p class="superscript">5</p>
/
<p class="subscript">12</p></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Jane</td>
<td>Burrows</td>
<td></td>
<td>25</td>
<td>Pauper Confectioner</td>
<td></td>
<td>I</td>
</tr>
<tr>
<td>Margaret</td>
<td>Burrows</td>
<td></td>
<td>3</td>
<td>Pauper</td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>William</td>
<td>Burrows</td>
<td>5</td>
<td></td>
<td>Pauper</td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>James</td>
<td>Burrows</td>
<td><p class="superscript">5</p>
/
<p class="subscript">12</p></td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Kitty</td>
<td>Pass</td>
<td></td>
<td>45</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Mary Anne</td>
<td>McDermid</td>
<td></td>
<td>15</td>
<td>Pauper Card Room Hand</td>
<td></td>
<td>I</td>
</tr>
<tr>
<td>Mary</td>
<td>Cazey</td>
<td></td>
<td>35</td>
<td>Pauper</td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>Sarah</td>
<td>Mayall</td>
<td></td>
<td>35</td>
<td>Pauper Card Room Hand</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>W
<p class="superscript">m</p></td>
<td>Mayall</td>
<td>3</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>John</td>
<td>Mayall</td>
<td><p class="superscript">5</p>
/
<p class="subscript">12</p></td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>James</td>
<td>Newton</td>
<td>75</td>
<td></td>
<td>Pauper Cloth Dresser</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Joseph</td>
<td>Mills</td>
<td>75</td>
<td></td>
<td>Pauper Woolen Cloth Dresser</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Thomas</td>
<td>Goddard</td>
<td>35</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>James</td>
<td>Mills</td>
<td>65</td>
<td></td>
<td>Pauper Hatter</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>William</td>
<td>Dunkerly</td>
<td>55</td>
<td></td>
<td>Pauper Ag
<p class="superscript">l</p>
Labourer</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Henry</td>
<td>Goddard</td>
<td>55</td>
<td></td>
<td>Pauper Tailor</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>James</td>
<td>Gledhill</td>
<td>50</td>
<td></td>
<td>Pauper Cotton Weaver</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>William</td>
<td>Booth</td>
<td>40</td>
<td></td>
<td>Pauper Cotton Striper</td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>John</td>
<td>Ingham</td>
<td>75</td>
<td></td>
<td>Pauper Weaver</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>James</td>
<td>Hibbert</td>
<td>30</td>
<td></td>
<td>Pauper Cotton Spinner</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>James</td>
<td>Burgess</td>
<td>20</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Thomas</td>
<td>Bowcock</td>
<td>35</td>
<td></td>
<td>Pauper Grinder & Striper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>James</td>
<td>Whitehead</td>
<td>70</td>
<td></td>
<td>Pauper Hatter</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Thomas</td>
<td>Kershaw</td>
<td>70</td>
<td></td>
<td>Pauper Weaver</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>John</td>
<td>Howard</td>
<td>8</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Thomas</td>
<td>Thorpe</td>
<td>60</td>
<td></td>
<td>Pauper School Master</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Isaac</td>
<td>Slater</td>
<td>13</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Tho
<p class="superscript">s</p></td>
<td>Hall</td>
<td>30</td>
<td></td>
<td>Pauper Grinder & Striper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Thomas</td>
<td>Barrows</td>
<td>30</td>
<td></td>
<td>Pauper Joiner</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Hamblet</td>
<td>Heaton</td>
<td>80</td>
<td></td>
<td>Pauper Cotton Spinner</td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>John</td>
<td>Waterhouse</td>
<td>40</td>
<td></td>
<td>Pauper Porter</td>
<td>No</td>
<td></td>
</tr>
<tr>
<td>George</td>
<td>Stansfield</td>
<td>7</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>John</td>
<td>M
<p class="superscript"></p>
cGinnis</td>
<td>15</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Joseph</td>
<td>Broadbent</td>
<td>70</td>
<td></td>
<td>Pauper Cotton Weaver</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>William</td>
<td>Bardsley</td>
<td>12</td>
<td></td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Thomas</td>
<td>Chadderton</td>
<td>70</td>
<td></td>
<td>Pauper Ag
<p class="superscript">l</p>
Labourer</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>James</td>
<td>Moss</td>
<td>70</td>
<td></td>
<td>Pauper Cotton Weaver</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>James</td>
<td>Whitworth</td>
<td>70</td>
<td></td>
<td>Pauper Groom</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Edwin</td>
<td>Walker</td>
<td>30</td>
<td></td>
<td>Pauper Cotton Spinner</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>John</td>
<td>Cordingley</td>
<td>60</td>
<td></td>
<td>Pauper Engineer</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Thomas</td>
<td>Seel</td>
<td>65</td>
<td></td>
<td>Pauper Carter</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>James</td>
<td>Sidson</td>
<td>60</td>
<td></td>
<td>Pauper Calico Printer</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>William</td>
<td>Andrew</td>
<td>30</td>
<td></td>
<td>Pauper Cotton Spinner</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>William</td>
<td>Heyrod</td>
<td>15</td>
<td></td>
<td>Pauper Cotton Piecer</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>John</td>
<td>Heyrod</td>
<td>13</td>
<td></td>
<td>Pauper Cotton Piecer</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Rob
<p class="superscript">t</p></td>
<td>Marsland</td>
<td>14</td>
<td></td>
<td>Pauper Cotton Piecer</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Samuel</td>
<td>Lees</td>
<td>60</td>
<td></td>
<td>Pauper Hatter</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Samuel</td>
<td>Clough</td>
<td>75</td>
<td></td>
<td>Pauper Ag
<p class="superscript">l </p>
Labourer</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>William</td>
<td>Gledhill</td>
<td>55</td>
<td></td>
<td>Pauper Weaver</td>
<td>Yes</td>
<td></td>
</tr>
<tr>
<td>Betty</td>
<td>Harrop</td>
<td></td>
<td>55</td>
<td>Pauper</td>
<td>Yes</td>
<td></td>
</tr>
</tbody>
</table>
tr.firstrow td{
vertical-align:middle;
height:150px;
}
tr.rot td{
vertical-align:middle;
}
.firstrow td.last{height:25px}
.vertical p.rotate2 {
display: inline-block;
letter-spacing: 1px;
line-height: 1.5;
margin: 0 -27px;
transform: rotate(-90deg);
}
Well I achieved what I set out to do and it’s now here.
www.c5d.co.uk/workhouse.php
As usual I couldn’t have done it without your help.
An extract of the css and the table is here
.vertical p.rotate2 {
display:inline-block;
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
line-height:1.5;
letter-spacing:1px;
margin:-20px; 80px;
}
<table class="vertical"><tr>
<td colspan=2 rowspan="2">NAMES of each person who abode therein on the Night of Sunday, June 6th.</td>
<td rowspan="2">Age of Males.</td>
<td rowspan="2">Age of Females.</td>
<td rowspan=2>OCCUPATION, if any.</td>
<td colspan=2></td>
</tr>
<tr><td colspan="2">Where born</td>
</tr>
<tr>
<td> </td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td><p class="rotate2">Whether Born
<br>in same County.
<br>Whether Born in
<br>Scotland, Ireland,
<br>or Foreign Parts.</p></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td> </td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr><tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr><tr>
<td>John</td>
<td>Ousey</td>
<td>70</td>
<td></td>
<td>Governor</td>
<td>Yes</td>
<td></td>
</tr>
PaulOB
November 27, 2013, 8:18pm
8
Glad you got it working
Note that my example will vertically distribute those heading in line with your vertical text if that’s what you wanted.
Thanks for this.
Our repleis crossed.
My page has Ralph M’s <&bsp;> but it works.
I shall try your pure CSS example in the morning when I have some time to do it properly
Thanks for your help as always
Antony