Tumblr добавляет нежелательные отступы к сообщениям?

Поэтому всякий раз, когда я создаю новую тему Tumblr с нуля, текст сообщения всегда добавляет нежелательные отступы вверху и внизу заголовка/тела сообщения. Это не происходит в сообщениях с цитатами и сообщениях чата, но происходит в текстовых сообщениях, фотографиях, фотосетах, видео и аудио сообщениях. Я предполагаю, что Tumblr делает это автоматически, потому что, когда я тестировал аналогичный код, он работал нормально и не добавлял дополнительных отступов сверху и снизу. Как я могу решить эту проблему? Спасибо за помощь!

HTML:

<div id="holder">
<div class="post">
    <div class="body">
        words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words 
    </div>
</div>

<div class="post">
    <div class="body">
        words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words 
    </div>
</div>

CSS:

#holder {
    position: relative;
    margin: 40px auto 0 auto;
    padding: 20px;
    width: 400px;
    height: 500px;
    background: red;
}

#holder .post {
    margin-bottom: 20px;
    padding: 20px;
    background: green;
}

тестовый блог Tumblr


html css margin tumblr
person user3035870    schedule 01.01.2014    source источник
comment
Есть ссылка на вашу страницу, которая показывает поведение?   -  person Zach Saucier    schedule 02.01.2014
comment
Вот ссылка на тестовый блог с точной кодировкой, которую я использую.   -  person user3035870    schedule 02.01.2014

Ответы (1)


arrow_upward
3
arrow_downward

Вы уверены, что говорите о прокладке? Я полагаю, что на самом деле вы имеете в виду начальное поле, которое браузеры устанавливают для абзацев (так называемые стили агента пользователя). Вы можете просто удалить его следующим образом:

p {
    margin: 0;
}

Но чтобы сохранить пространство между абзацами, вы можете сделать это:

p {
    margin-top: 0;
    margin-bottom: 20px;
}
person kleinfreund    schedule 01.01.2014
comment
Большое тебе спасибо! Это, казалось, помогло моей проблеме. - person user3035870; 02.01.2014