2016-07-10 12 views
0

Hallo, ich bin neu in CSS und ich könnte einige Schuljungen Fragen stellen. Ich möchte aber einen Zeilenumbruch an der Spitze meines Posts vor und nach meinen h1 Tags. Ich könnte versuchen, dies mit der falschen Methode zu tun. Vielleicht brauche ich oben etwas Polsterung, aber trotz jedes H1 brauche ich einen Zeilenumbruch.LINE Break vor und nach h1 Tags

Das ist mein CSS für Beiträge

#kopa-post-content p,h1,h2,h3,h4 {text-align:left;margin-right:20px;margin-left:20px} 

Example of what i am trying to do.

Jede Hilfe dankbar empfangen werden

Dank

Danny

+0

Ihr "Beispiel" erklärt nicht wirklich, was Sie zu tun versuchen. –

+0

h1-Tags (und auch alle anderen h ... -Tags und p-Tags) sind standardmäßig Blockelemente - sie befinden sich immer in einer neuen Zeile, und nach ihnen wird es auch einen Zeilenumbruch geben. Hast du "margin-top" und "margin-bottom" probiert? Diese erzeugen eine gewisse vertikale Distanz (aber h1 ... -Tags haben standardmäßig einen Rand oben und unten, also müssen die Werte ziemlich hoch sein, damit Sie einen Effekt sehen) – Johannes

Antwort

0

Was Sie sprechen bezieht zu HTML nicht CSS. Sie können dazu den Tag
in HTML verwenden.

<body> 
    some text 
    <br> 
    <h1>Some Title</h1> 
    <br> 
    some more text 
</body> 
2

Ein h1 Tag ist ein Blockelement. Es hat bereits einen "Zeilenumbruch" davor und danach. Wenn Sie den Abstand über und unter dem Element vergrößern möchten, verwenden Sie margin.

z.

h1 { 
    margin-top: 10px; 
    margin-bottom: 10px; 
} 

Sie sollten nicht <br> für Styling verwenden. Sie sollten CSS verwenden, und Sie werden auch viel mehr Kontrolle haben.

Verwandte Themen