Ich habe ein Problem mit der vertikalen Ausrichtung 3 Spannen innerhalb eines div. Es ist einfach zu erreichen, aber die vertikale Ausrichtung funktioniert nicht, wenn ich float verwende. Ich möchte, dass der hellblaue Balken vertikal zentriert ist. Code:Spans vertikal ausrichten mit Schwimmer
.container {
}
.text-1 {
float: left;
padding-right: 10px;
}
.bar {
background-color: lightblue;
border-radius: 5px;
float: left;
height: 5px;
width: 150px;
}
.text-2 {
padding-left: 10px;
}
<div class="container">
<span class="text-1">Text 1</span>
<span class="bar"> </span>
<span class="text-2">Text 2</span>
</div>
Vielen Dank für Ihre Hilfe.
Warum verwenden Sie noch 'float'? – Itay