PuzzleWeb
.ru
HTML
CSS
JavaScript
PHP
Apache
CSS справочник
>
order
> Использование свойства order
Использование свойства order
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Название документа</title> <style> #main { width: 300px; height: 200px; border: 1px solid black; display: flex; } #main div { height: 32px; width: 32px; color: #fff; padding: 10px; font-size: 25px; } .d3 {order: 1;} .d5 {order: -1;} </style> </head> <body> <div id="main"> <div style="background: #ff5c33;">1</div> <div style="background: #ffad33;">2</div> <div style="background: #00cc00;" class="d3">3</div> <div style="background: #3385ff;">4</div> <div style="background: #d966ff;" class="d5">5</div> </div> </body> </html>
Результат:
Отредактируйте код, указанный выше, и нажмите кнопку "GO" для просмотра результата.