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