Styling of table
Hi there, I'm trying to style a table to be like the photo of the table on this page: http://www.cllronline.com/ofsted-and-gatsby/
But no matter what I try I can't seem to get the content to align left properly and I also have no clue how to move the column rows.
Can you help? Here' is what I have typed in:
<table>
<thead>
<tr><th>Benchmarks</th><th>GATSBY STATEMENT</th></tr>
</thead>
<tbody>
<tr><td>1. A Stable Careers Programme</td><td>Every school and college should have an embedded programme of career education and guidance that is known and understood by pupils, teachers, governors and employers</td></tr>
<tr><td>2. Learning from Career & Labour Market Information</td><td>Every pupil, and their parents, should have access to good quality information about future study options and labour market opportunities. They will need the support of an informed adviser to make best use of available information.</td></tr>
<tr><td>3. Addressing the Needs of Each Pupil</td><td>Pupils have different career guidance needs at different stages. Opportunities for advice and support need to be tailored to the needs of each pupil. A school’s careers programme should embed equality and diversity considerations throughout.</td></tr>
<tr><td>4. Linking Curriculum Learning to Careers</td><td>All teachers should link curriculum learning with careers. STEM subject teachers should highlight the relevance of STEM subjects for a wide range of career paths.</td></tr>
<tr><td>5. Encounters with Employers & Employees</td><td>Every pupil should have multiple opportunities to learn from employers about work, employment and the skills that are valued in the workplace. This can be through a range of enrichment activities including visiting speakers, mentoring and enterprise schemes.</td></tr>
<tr><td>6. Experiences of Workplaces</td><td>Every pupil should have first-hand experience of the workplace through work visits, work shadowing and/or work experience to help their exploration of career opportunities, and expand their networks.</td></tr>
<tr><td>7. Encounters with Further and Higher Education</td><td>All pupils should understand the full range of learning opportunities that are available to them. This includes both academic and vocational routes and learning in schools, colleges, universities and in the workplace</td></tr>
<tr><td>8. Personal Guidance</td><td>Every pupil should have opportunities for guidance interviews with a career adviser, who could be internal (a member of school staff) or external, provided that they are trained to an appropriate level. These should be available whenever significant study or career choices are being made. They should be expected for all pupils but should be timed to meet their individual needs</td></tr>
</tbody>
</table>
Comments
to align table content to the left side, you need to use an extra css:
table tr td { text-align: center !important; }table th, table td { padding: 5px !important; }