2016-08-05 9 views
1

Ich habe eine Website mit einer topbar in HTML und CSS erstellt. Jetzt wollte ich ein vertikales Trennzeichen zwischen einigen der Symbole in der oberen Leiste hinzufügen, aber es funktioniert nicht. Erstens, als ich das Trennzeichen-Div hinzugefügt habe, zeigte es nur die ersten drei Symbole, aber weder das Trennzeichen noch die anderen Symbole. Als ich display: inline; zu der #topbar hinzugefügt, die das Trennzeichen und die anderen Symbole sichtbar machte, aber unterhalb der Topbar. Ich habe auch versucht, white-space: nowrap; zu #topbar hinzuzufügen, aber es hatte keine Wirkung.CSS topbar: vertikaler Trenner umschließt den Inhalt der Leiste

Wie kann ich alles in der Topbar in einer Zeile angezeigt werden?

Hier ist der HTML und CSS: https://jsfiddle.net/op28oohx/

Antwort

1

Ist das, was Sie erwarten?

jsfiddle: https://jsfiddle.net/gpkmm360/

Added display: inline-block-topbar und die separator

+1

Vielen Dank! – Alexander

+0

cool ... Könnten Sie bitte als akzeptiert markieren? Vielen Dank! :) – kukkuz

+0

Ich habe versucht, aber es sagt "Sie können eine Antwort in 2 Minuten nicht akzeptieren." Aber ich werde es in 2 Minuten akzeptieren. – Alexander

Verwandte Themen