Одиночные теги не закрываю
<img src="" alt="">
<input type="number">
Парные закрываю всегда
<p></p>
Почему? Потому что в первом это абсолютно не нужно, а во втором сложно держать в памяти какие теги при открытии закрывают какие, и несколько символов закрывающего тега не стоят того геморроя, который получится когда тег закроется сам не там, где вы ожидали.
А вообще html чистый писать приходится редко, и когда приходится - не припоминаю, чтобы строчки были слишком длинными (если чуть длиннее - я лучше выйду за границу, чем буду делать ступеньку).
CSS всегда сортирую по алфавиту. Плевать на смысл, я хочу четко знать, что
z-index
будет в конце, а
background
в самом начале, и не нужно напрягаться разделять все правила на категории.
А вообще в IDE PhpStorm/WebStorm есть команда реформатирования, которая подгонит структуру под нужный вам формат. Для PHP её не использую, пока не хватает опций для достаточно тонкой настройки, а вот для CSS/HTML подходит идеально. Наковырял с любыми отступами - оно выровняло всё под один стиль.