układ float:right ustawienie kolejności

Question

Witam.

 

Mam takie pytanie odnoście float:left i right:

Jak ustawić wyświetlanie jeśli w float:left mam : 1 2 3 4

natomiast w float:right; mam : 4 3 2 1 

Jak to zmienić aby wyświetlało się w odpowiedniej kolejności :

Konkretnie chodzi o klasę box : codepen.io

Answer 1

Taki efekt możesz uzyskać w ten sposób

.boxposition{
	    max-width:800px;
        /* width:800px; */
	font-size:20px;
	text-align:center;
	margin-left:150px;
	margin-right:auto;
        float:right;
	    /*float:left;*/
	background-color:green;
}


.box {
	width: 100px;
	height:25px;
        /* float:right; */
	    float:left;
	text-align:center;
	background-color:#f7dc6f;
}

 

Comments

Dzięki bardzo.

Pomyśleć ze najprostsze rozwiązanie pominąłem, a wystarczyło dać w div-ach odwrotnie float-y.

 

Jeszcze raz dzięki, bo sam bym penie jakieś cuda i dziwy robił przez kolejna godzinę