Erledigt - Hilfe bei < h2 > Formatierung in CSS

[T_tO_tHe_iMo666]

Hallo Leute,

gleich vorab: Ich bin ziemlich neu in der Thematik Webdesign und Webprogrammierung, deshalb mag meien Frage eventuell etwas trivial erscheinen für manche für auch, aber ich stoße einfach an meine Grenzen.

Problem:
Ich möchte für eine Seite die Überschrift <h2> wie folgt formatieren:


jedoch kriege ich es nur so hin:


Hier der HTML/CSS Code dazu:

<div class="new_post">
<h2>Neuster Post:</h2>
</div>

CSS:
h2 {
font-size: 24px;
color: white;
background-color: black;
padding: 3px 15px 3px 15px;
margin-bottom: 10px;
float: left;
}
.new_post{
width: auto;
position: relative;
border-bottom: 1px solid #8AE62E;
}
​

Wäre super von euch wenn ihr mir hier weiterhelfen könntet

 

[Jormungand]

Hm, wenn du es genau so haben willst, wie in der Vorlage, solltest du float:left; aus der h1 Formatierung rausnehmen und dafür display:inline-block; einfügen. Dann noch den margin-bottom raushauen oder auf 0 setzen.

 

[T_tO_tHe_iMo666]

hammer vielen Dank!!!!

close.