Skip to content
master
Go to file
Code

README.md

css-common-problems

Demo solutions with best practices for some common CSS problems

CSS is getting better, but some common problems are still hard to solve, especially when it comes to layouting. This repo compiles some best practices. The respective stylesheet is included in the HTML files.

  1. Center blocks: a) horizontal b) vertical: method 1, method 2, method 3
  2. Adapt block height to its width
  3. Draw arrow heads on a box
  4. Any text as list symbol, alternative
  5. Drop-down menu without JavaScript
  6. Number hierarchical lists and headlines
  7. Typographic quotation marks
  8. Floating issues
  9. Multi-column layouts a) with fixed outer height: method 1, method 2 b) height determined by content: method 1, method 2, method 3
  10. Spread elements with equal distance, alternative
  11. CSS sprites and URIs
  12. Boxmodel alternatives
  13. Accessibility skiplinks

About

Demo solutions with best practices for some common CSS problems

Resources

License

Releases

No releases published
You can’t perform that action at this time.