WTF, HTML and CSS?

WTF, HTML and CSS? is an educational reference explaining confusing behaviors, browser quirks, and common mistakes in front-end development. It focuses on situations where seemingly straightforward HTML or CSS produces unexpected results. Topics include doctypes, box-model calculations, float behavior, collapsing margins, table-row styling, positioning, and button inconsistencies. Each issue is explained with practical examples and suggested fixes or workarounds. The guide also discusses browser-specific problems involving Firefox, Internet Explorer, and Mobile Safari. Accessibility considerations appear alongside some recommendations, particularly for focus states and interactive elements. The project is intended as a troubleshooting companion that helps developers understand why unusual layout and rendering problems occur.