2016-12-05 5 views
-2

Good Afternoon Jeder hinzufügen,Margin oder Padding CSS Raum zwischen zwei Objekten

Ok, so Im mit Joomla und ich habe einige Custom Text zu einer Komponente hinzugefügt. Der obere Rand des Tests hat einen Rand, der scheinbar etwas Platz hinzufügt, der untere Rand des Textes hat ebenfalls einen Rand, aber es wird kein Abstand zwischen ihm und dem nächsten Objekt hinzugefügt.

Kundenspezifische Klasse für den benutzerdefinierten Text

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

Link zur Seite --->http://macthedj.com/mixtapes/K/2-kodak-black/8-lil-b-i-g-pac.html

Wenn jemand eine Erklärung darüber geben kann, wie dieses Ziel zu erreichen Raumes am unteren Rande des Textes des Hinzufügens Das wäre sehr zu begrüßen.

enter image description here

+1

Meiner Meinung nach sollte diese Frage leicht zu beheben sein, wenn Sie über CSS nachlesen. –

+0

Ich bin mir nicht sicher was passiert, was du willst und was du versucht hast. Auch eine gute Idee, eine [mcve] –

Antwort

0

Verwenden Sie float: left; auf #albumstats, wie:

#albumstats { 
    float: left; 
} 

hoffe, das hilft!

+0

Float Worked! Vielen Dank! Ich bin mir nicht ganz sicher, wie diese Elemente funktionieren, aber ich werde noch mehr Forschung betreiben, um sie zu verstehen. – Mac

0

Sie sollten <div class="clearfix"></div> am Ende der #albumstats hinzufügen, denn diese Kinder hat float: left, Elemente, die float haben nicht von ihren Eltern erkennen

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

Danach fügen Sie die margin und padding wird angewendet