.
html
should have san-serif font family (opinionated)
abcdefghijklmnopqrstuvwxyz
body
should have no margin (opinionated)
(there should be no red background visible on this page)
article
, aside
, details
, figure
, figcaption
, footer
, header
, hgroup
, main
, nav
, section
, summary
should render as block
article
summary
details
hgroup
main
audio
, canvas
, progress
, video
should render as inline-block and baseline-aligned
audio:not([controls])
, template
, [hidden]
should not display
{{title}}
This should be hidden
a
should have a transparent background when active
should not have a focus outline when both focused and hovered (opinionated)
abbr[title]
should have a dotted bottom border
b
, strong
should have bold font-weight
b
strong
dfn
should have italic font-style
dfn
h1
should not change size within an article
Heading (control)
Heading (in article)
should not change size within a section
Heading (control)
mark
should have a yellow background
mark
small
should render equally small in all browsers
control. small.
sub
and sup
should not affect a line's visual line-height
control.
control. sub.
control. sup.
img
should not have a border when wrapped in an anchor
svg
should not overflow
figure
should have margins
hr
should have a content-box
box model
pre
should trigger a scrollbar when too wide for its container
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.
code
, kbd
, pre
, samp
should render em
-unit preformatted text at the same absolute size as normal text
span: abcdefghijklmnopqrstuvwxyz.
code: abcdefghijklmnopqrstuvwxyz.
kbd: abcdefghijklmnopqrstuvwxyz.
samp: abcdefghijklmnopqrstuvwxyz.
pre: abcdefghijklmnopqrstuvwxyz.
button
, input
, optgroup
, select
, textarea
should inherit color
from ancestor
should inherit font
from ancestor
should not have margins
button
should have visible overflow
button
, select
should not inherit text-transform
button
and button-style input
should have pointer
cursor style
should be styleable
disabled button
and input
should have default
cursor style
button
, input
should not have extra inner padding in Firefox
input
should not inherit line-height
input[type="checkbox"]
, input[type="radio"]
should have a border-box
box model
should not have padding
input[type="number"]
should display a default cursor for the decrement button's click target in Chrome
input[type="search"]
should be styleable
should have a content-box
box model
should not have a cancel button in Safari or Chrome
fieldset
should have consistent border, padding, and margin
legend
should inherit color
should not have padding
textarea
should not have a scrollbar unless overflowing
table
should not have spaces between cells
Jimi Hendrix - albums
Album |
Year |
Price |
Album |
Year |
Price |
Are You Experienced |
1967 |
$10.00 |
Axis: Bold as Love |
1967 |
$12.00 |
Electric Ladyland |
1968 |
$10.00 |
Band of Gypsys |
1970 |
$12.00 |