2016-12-05 2 views
-2

Добрый день Всем,Margin или Перетяжка CSS, чтобы добавить пространство между двумя объектами

ИТАК Im используя Joomla и я добавил некоторые Пользовательский текст к компоненту. В верхней части теста есть маржа, которая, кажется, работает с добавлением некоторого пространства, в нижней части текста также есть маржа, но между ним и следующим объектом не добавляется пробел.

Пользовательские класс для пользовательского текста

#albumstats { 
    width: 100%; 
    margin-top: 10px; 
    margin-bottom: 10px; 
    padding: 5px; 
    padding-bottom: 30px; 
} 

Ссылка на страницу --->http://macthedj.com/mixtapes/K/2-kodak-black/8-lil-b-i-g-pac.html

Если кто-нибудь может дать объяснение о том, как достичь этой цели добавления пространства в нижней части текста , что было бы весьма признательно.

enter image description here

+1

На мой взгляд, этот вопрос должен быть легко исправить, если вы читаете CSS. –

+0

Я не уверен, что произойдет, что вы хотите, и что вы пробовали. Также хорошая идея предоставить [mcve] –

ответ

0

Использовать float: left; на #albumstats, как:

#albumstats { 
    float: left; 
} 

Надеется, что это помогает!

+0

Float Worked! Благодаря! Im не совсем уверен, как работают эти элементы, но я собираюсь сделать еще несколько исследований для понимания. – Mac

0

Вы должны добавить <div class="clearfix"></div> в конце #albumstats, потому что это дети имеют float: left, элементов, которые имеют float не обнаруживают их родителями

<div id="albumstats"> 
    <!-- your code --> 
    <div class="clearfix"></div> 
</div> 

После добавления этого margin и padding будет применяться

Смежные вопросы