Join James Williamson for an in-depth discussion in this video Aligning content, part of HTML: Building Tables.
- In this exercise we're gonna focus on…controlling the alignment of elements within our tables.…Now, aligning content in tables…is really not that much different…from aligning content elsewhere…using CSS, for the most part.…Tables do have some alignment options…that are specific to them…that are worth exploring, though.…So, I'm gonna be working on the tables.htm…and the styles.css file from the 02_03` directory.…Now, the first thing I wanna tackle is my caption alignment.…If I preview that in a browser you can see…that again user agents are gonna default…table captions to the center.…
That may work for you but you might want them…to mirror the alignment for the rest of the site…which in this case would be a left align.…So, if I go back into the styles…and scroll down to find my table styles…to find my caption,…and then just below the last property,…which in this case is color,…I'm gonna go ahead and set text-align to left.…So, most content can be aligned with,…horizontally with the text align property.…So, I'm gonna go ahead and save that,…
- Adding content to tables
- Defining table headers
- Styling borders
- Alternating table row colors
- Grouping table content
- Defining columns and headers
- Making table data accessible
Skill Level Beginner
Creating a Responsive Presentation in HTML5with Justin Putney1h 24m Intermediate
Creating a Responsive HTML Emailwith Chris Converse1h 43m Beginner
1. Table Basics
2. Styling Tables
3. Adding Meaning
Additional resources3m 47s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.