CSS: Flexbox Bestellung funktioniert nicht

Question

Ich kann einfach nicht herausfinden, warum das Folgende nicht funktioniert.

Es gibt einen div # Wrapper, der eine Flexbox mit einer Menge Divs ist, in die ich die Reihenfolge umkehren möchte.

<div id="wrapper"> 

    <div id="one">One<div> 
    <div id="two">Two</div> 
    <div id="three">Three</div> 
    <div id="four">Four</div> 

</div> 

CSS:

#wrapper { 
    display: flex; 
} 

#one { 
    order: 4; 
    background-color: gray; 
} 

#two { 
    order: 3; 
    background-color: green; 
} 

#three { 
    order: 2; 
    background-color: blue; 
} 

#four { 
    order: 1; 
    background-color: orange; 
} 

Answer 1

Schließen Sie

<div id="one">One<div> 

durch ersetzen:

<div id="one">One</div>