Quiz Entry - updated: 2026.07.14
What are some common W3.CSS container classes?
W3.CSS offers purpose-built container classes such as w3-container, w3-panel, w3-modal, and w3-bar, each wrapping content for a specific layout role.
Common container classes:
| Class | Purpose |
|---|---|
w3-container |
Basic container with padding and proper alignment |
w3-panel |
Highlighted container (like a card or note) |
w3-modal |
Modal dialog container |
w3-bar |
Horizontal bar (for navigation) |
w3-dropdown-hover |
Dropdown menu container |
w3-dropdown-click |
Dropdown triggered by click |
Example:
<div class="w3-container">
<h1>Page Title</h1>
<p>Content with nice padding...</p>
</div>
<div class="w3-panel w3-blue">
<p>Highlighted note panel</p>
</div>