Hallo,
ich hab ein ähnliches Problem.
Und zwar schaffe es nicht meine Absätze in dem jeweiligen Block mit Zeilenumbrüchen zu zentrieren.
während die Überschriften so wie die Auflistungen sich mit Umbrüchen zentrieren, laufen die Absätze einfach weiter.
Das ganze ist eine Übungsseite mit der ich mir HTML im eigenversuch beibringen möchte, bis jetzt konnte ich mir mit viel mit Google helfen, aber hier finde ich den Fehler nicht.
Ich hoffe einer von euch kann mir vielleicht helfen, oder sieht was ich falsch mache.
Danke für eure Hilfe.
<section id="main">
<article>
<h2> das ist ein Artikel</h2>
<img src="kolibri.png.png">
<p>pppppppppppppppppppppppppppppppp</p>
<p>ppppppppppppppppppppppppppppppp</p>
<p>pppppppppppppppppppppppppppppppp</p>
<p>pppppppppppppppppppppppppppppppp</p>
</article>
<aside>
<section>
<h2>noch ei Artikel</h2>
<ul>
<li>ein spanender sehr sehr sehr artikel</li>
<li>ncoh einer</li>
<li>und noch einer</li>
</ul>
</section>
<section>
<h2>noch eine sehr sehr sehr spanende Überschrift</h2>
<p>pppppppppppppppppppppppppppppppppppppppppppppppppppppppp</p>
</section>
<section>
<h2> und wirklich noch eine section</h2>
<ul>
<li>baaaaaa</li>
<li>baaaaaa</li>
<li>baaaaaa</li>
<li>baaaaaa</li>
<li>baaaaaa</li>
</ul>
</section>
</aside>
</section>
CSS:
#main{
display: block;
width: 96%;
max-width: 980px;
margin: 1.25em auto;
padding: 0em;
}
#main article {
display: inline-block;
width: 65.3%;
background: #ffffff;
vertical-align: top;
margin: 0em;
padding: 0em;
text-align: center;
}
#main article img{
max-width: 560px;
box-shadow: 0px 0px 10px -5px #4c4948;
border-radius: 5px;
}
#main aside{
display: inline-block;
width: 30.6%;
margin-left: 3%;
padding: 0em;
vertical-align: top;
}
#main aside section{
display: block;
margin-bottom: 1.563em;
background:#ffffff;
border-bottom: 0.188em solid #e7590b;
}