Design series – the combination of elements
My blog uses the following HTML block elements:
- h1
- h2
- h3
- p
- img
- blockquote
- code
- table
- ul/ol
So when I want to review the design, especially the margins, I should review the following combinations (unlikely combinations in parentheses):
- (h1 + h1)
- h1 + h2
- (h1 + h3)
- h1 + p
- h1 + img
- h1 + blockquote
- h1 + code
- h1 + table
- h1 + ul/ol
- (h2 + h1)
- (h2 + h2)
- h2 + p
- h2 + img
- h2 + blockquote
- h2 + code
- h2 + table
- h2 + ul/ol
- (h3 + h1)
- (h3 + h2)
- h3 + p
- h3 + img
- h3 + blockquote
- h3 + code
- h3 + table
- h3 + ul/ol
- (p + h1)
- p + h2
- p + p
- p + img
- p + blockquote
- p + code
- p + table
- p + ul/ol
- (img + h1)
- img + h2
- img + p
- img + img
- (img + blockquote)
- (img + code)
- (img + table)
- (img + ul/ol)
- (blockquote + h1)
- blockquote + h2
- blockquote + p
- blockquote + img
- blockquote + blockquote
- (blockquote + code)
- blockquote + table
- blockquote + ul/ol
- (code + h1)
- code + h2
- code + p
- code + img
- code + blockquote
- code + code
- code + table
- code + ul/ol
- (table + h1)
- table + h2
- table + p
- table + img
- table + blockquote
- table + code
- table + table
- table + ul/ol
- (ul/ol + h1)
- ul/ol + h2
- ul/ol + p
- ul/ol + img
- ul/ol + blockquote
- ul/ol + code
- ul/ol + table
- ul/ol + ul/ol