HTML Table Vertical Alignment

Welcome Agenda II Xhtml Rules DocType HTML Terms Meta Element
Introducing Tables Row & Column Groups Color CSS Table Attributes Table Padding Table Rules Table Alignment Border Collapse Column Span Border CSS Table CSS 5: Program Schedule Table Summary
Forms Forms Attributes 6: Registration Form
Embed MPGs Sound Files Sound Attributes Multimedia Quicktime Movies 7: Audio/Video Project
Frame Basics Frame Attributes Nested Frames 8: Designing with Frames 3-Color Frames 16-Color Frames Inline Frames Frame Summary
Tutorial 9: Working XHTML

This chart illustrates Html table alignment that can be set using cascading style sheet rules. Use vertical-align for top, middle, and bottom alignment and text-align for left, center, and right alignments. Use style sheets to format each column

Inline style rule for the table data:
td style="vertical-align:top;text-align:center

V
e
r
t
i
c
a
l

  Left Column Center Column Right Column
Top Top Left Top Center Top Right
Middle Middle Left Middle Center Middle Right
Bottom Bottom Left Bottom Center Bottom Right


Web Design with XHTML Part II
Doris Cuffey, Instructor