CSS Tests
One stop shop for quick debugging and edge-case tests of CSS.
Fluid grids
12
1
1
1
1
1
1
1
1
1
1
1
1
11
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
10
1
1
1
1
1
1
1
1
1
1
1
1
2
1
1
1
1
1
1
1
1
1
1
1
1
9
1
1
1
1
1
1
1
1
1
1
1
1
3
1
1
1
1
1
1
1
1
1
1
1
1
8
1
1
1
1
1
1
1
1
1
1
1
1
4
1
1
1
1
1
1
1
1
1
1
1
1
7
1
1
1
1
1
1
1
1
1
1
1
1
5
1
1
1
1
1
1
1
1
1
1
1
1
6
1
1
1
1
1
1
1
1
1
1
1
1
6
1
1
1
1
1
1
1
1
1
1
1
1
Tables
Bordered without thead
| 1 | 2 | 3 |
| 1 | 2 | 3 |
| 1 | 2 | 3 |
Bordered without thead, with caption
| 1 | 2 | 3 |
| 1 | 2 | 3 |
| 1 | 2 | 3 |
Bordered without thead, with colgroup
| 1 | 2 | 3 |
| 1 | 2 | 3 |
| 1 | 2 | 3 |
Bordered with thead, with colgroup
| 1 | 2 | 3 |
| 1 | 2 | 3 |
| 1 | 2 | 3 |
| 1 | 2 | 3 |
Bordered with thead and caption
| 1 | 2 | 3 |
|---|---|---|
| 1 | 2 | 3 |
| 1 | 2 | 3 |
| 1 | 2 | 3 |
Bordered with rowspan and colspan
| 1 | 2 | 3 |
|---|---|---|
| 1 and 2 | 3 | |
| 1 | 2 | 3 |
| 1 | 3 | |
| 2 and 3 | ||
Forms
Prepend and append on inputs
Prepend and append with uneditable
Fluid prepended and appended inputs
Fixed row with inputs
Inputs should not extend past the light red background, set on their parent, a .span* column.
Fluid row with inputs
Inputs should not extend past the light red background, set on their parent, a .span* column.
Dropdowns
Dropdown link with hash URL
Dropdown link with custom URL and data-target
Dropdown on a button
Thumbnails
Default thumbnails (no grid sizing)
Standard grid sizing
Fluid thumbnails
Tabs
I'm in Section 1.
I'm in Section 1.1.
I'm in Section 1.2.
I'm in Section 1.3.
Howdy, I'm in Section 2.
What up girl, this is Section 3.
Labels
Inline label
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Maecenas sed diam Label name eget risus varius blandit sit amet non magna. Fusce .class-name dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.