Форматирование HTML и CSS онлайн

Расставит отступы и переносы строк в сжатом коде.

Результат

—

Введите данные и нажмите «Расставить отступы».

Как пользоваться

Вставьте сжатый код.

Выберите язык и размер отступа.

Нажмите «Расставить отступы» и скопируйте результат.

Пример расчёта

Правило «a{color:red;margin:0}» станет тремя строками с отступом у свойств.

Полезная информация

Вставьте код из одной строки — получите читаемую структуру: блочные теги с новой строки и с отступами, каждое CSS-правило и каждое свойство на своей строке. Строчные теги остаются внутри текста, содержимое pre и textarea не меняется.

Код обрабатывается на сервере и не сохраняется. Форматтер не проверяет код на ошибки: для этого есть валидатор.

Вопросы

Проверяет ли форматтер код на ошибки?

Нет, он только расставляет отступы. Для проверки используйте «Валидатор HTML и CSS».

Можно ли выбрать отступ?

Да: два пробела, четыре пробела или табуляция.

Возможно, вам пригодится