CSS Grüne Blöcke nacheinander anzeigen lasen?
Von oben nach unten, aber ohne zusätzliche HTML Tags wie <div> <p> oder <br>.
Der Code sieht so aus <div> a*3 </div> nichts besonderes und dann noch bisschen padding height width background-color
Wollte nur das hier erreichen
5 Antworten
![](https://images.gutefrage.net/media/user/MrAmazing2/1562539605664_nmmslarge__63_0_466_466_da6195808c107c57ce2a8b233a2bcf4f.jpg?v=1562539606000)
Wir wär's mit
display: flex;
flex-direction: column;
![](https://images.gutefrage.net/media/default/user/12_nmmslarge.png?v=1551279448000)
Danke das kannte ich noch nicht.
Display Grid hätte auch funktioniert, daran hab ich aber nicht gedacht.
![](https://images.gutefrage.net/media/user/EinAlexander/1568031404353_nmmslarge__0_0_355_355_53fff13ea2c79ad9fbc680094640ebd8.jpg?v=1568031404000)
Wollte nur das hier erreichen
<style> span { font-size:2em; color:green } </style>
<span>☰</span>
Alex
![](https://images.gutefrage.net/media/user/BeamerBen/1624574570675_nmmslarge__158_0_202_202_aeaa6e33027519ad8eedead1ddc9d3c9.png?v=1624574571000)
Definitiv die beste Herangehensweise
auch wenn Dinge drehen sehr lustig ist.
![](https://images.gutefrage.net/media/user/BeamerBen/1624574570675_nmmslarge__158_0_202_202_aeaa6e33027519ad8eedead1ddc9d3c9.png?v=1624574571000)
Dreh das einfach mit
transform: rotate(90deg);
dann ist das untereinander. Ez.
das wird dann ungefähr so aussehen:
![- (programmieren, Informatik, HTML)](https://images.gutefrage.net/media/fragen-antworten/bilder/465664915/0_big.png?v=1659970433000)
![](https://images.gutefrage.net/media/default/user/15_nmmslarge.png?v=1551279448000)
Wenn ich das richtig verstehe, sollen die grünen Boxen untereinander statt nebeneinander sein?
Pack jedes grüne Div in einen anderes Div das die Breite 100% bekommt, sodass sie sich untereinander platzieren müssen.
![](https://images.gutefrage.net/media/user/noemi209/1707845479309_nmmslarge__0_783_1008_1008_ed21fce14fec8c53e125690c54235bf0.jpg?v=1707845479000)
![](https://images.gutefrage.net/media/default/user/12_nmmslarge.png?v=1551279448000)
Pack jedes grüne Div in einen anderes Div das die Breite 100% bekommt,
Genau das wollte ich nicht, keine zusätzlichen HTML elemente
![](https://images.gutefrage.net/media/user/LeBonyt/1553190555784_nmmslarge__5_5_160_160_23469c76ccd9796e9cb38ca6b6f0ac87.png?v=1553190556000)
Und an ganz anderer Ansatz wäre das Hamburger Menu als Icon zu codieren.
Ist der Glyphicon CSS von Bootstrap vorhanden.
<i class="glyphicon glyphicon-menu-hamburger"></i>
https://www.codesprogram.com/icons/bootstrap-glyphicon-menu-hamburger
Noch besser dann hab ich 1 zeile weniger.
Soll für einen Navbar Button sein, dann muss ich nicht jedes mal ein icon verlinken.
In Grau sieht das schon nach was aus oder hast du Verbesserungsvorschläge