Invertir orden de div

publicado por: Anonymous

si tengo 2 div de la siguiente forma

<div class="uno"></div>
<div class="dos"></div>

como hago para invertirlos con css?, sin usar position:absolute.
que quede así

<div class="dos"></div>
<div class="uno"></div>

se puede?

solución

la única forma de darles orden con css es usando la propiedad flex para el contenedor de estos elementos

_x000D_

_x000D_

.flex {_x000D_
  display: flex;_x000D_
}_x000D_
_x000D_
.flex > * {_x000D_
  order: 0;_x000D_
  border: 1px solid black;_x000D_
  margin: 0px 2px;_x000D_
}_x000D_
_x000D_
.uno {_x000D_
 order: 1;_x000D_
}_x000D_
_x000D_
.dos {_x000D_
 order: 2;_x000D_
}

_x000D_

<div class="flex">_x000D_
  <div class="uno">elemento A</div>_x000D_
  <div class="dos">elemento B</div>_x000D_
  <div>elemento C</div>_x000D_
</div>

_x000D_

_x000D_

_x000D_

te dejo un vínculo con un tutorial de flex

Tutorial Flex CSS

Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *