W3.CSSLesson 17Free preview
W3.CSS Cells
This lesson is part of W3.CSS · All levels
Summary
Cells are a table-based alternative layout that is suitable for comparing adjacent content with the same automatic height. W3.CSS provides w3-cell-row as a row and w3-cell as a cell, complete with w3-cell-top and w3-cell-bottom for vertical alignment. Cells facilitate layouts like user profiles or statistical panels.
Key points
- W3-cell uses display table-cell so that the cell is horizontal
- W3-cell-row becomes a container that assembles cells in a single row
- W3-cell-top, w3-cell-center, and w3-cell-bottom sort the contents of the cell
- Cell height adjusted to the highest cell without additional hacking
- The cells do not use float so their behavior is more stable
Full lesson
Code examples and quizzes
Full lessons, code examples, and quizzes are available to subscribers. 5 questions.