vim css indent внутри html

0

3

<!DOCTYPE html>
<html>

<head>

    <link rel="Stylesheet" type="text/css" href="css/reset.css">
    <!-- <link rel="Stylesheet" type="text/css" href="/home/user/.vim/wiki/html/style.css"> -->
    <title>fibonacci</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script src="lib/function.js" type="text/javascript" charset="utf-8"></script>
    <body>
        <!-- это анимируемый элемент div -->
        <div id="urgent"><h1>Внимание!</h1>Веб-сервер атакован!</div>

        <script>
            var e = document.getElementById('urgent'); // получаем объект Element
            e.style.border = 'solid black 5px'; // рамка
            e.style.padding = '50px'; // и отступ
            var colors = ['white', 'yellow', 'orange', 'red']; // перебираем цвета
            var nextColor = -1; // текущая позиция перебора
            // Вызвать следующую функцию с интервалом 500мс для изменения цвета рамки
            setInterval(function() {
                e.style.borderColor = colors[nextColor++%colors.length]; }, 5000);
        </script>
        <style type="text/css" media="screen">
div {
    display: block;
        visibility: hidden;
            margin: 1px 2px 3px;
}
        </style>
    </body>

Смотрим на .div. Я конечно выравниваю autoformat'om, но очень это неприятно. Как это исправить ?