x
<html><head><style>.flex-container { display: flex; flex-wrap: nowrap; background-color: DodgerBlue;}.flex-container > div { background-color: #f1f1f1; width: 100px; margin: 10px; text-align: center; line-height: 75px; font-size: 30px;}</style></head><body><h1>Гибкие блоки</h1><div class="flex-container"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div> <div>7</div> <div>8</div></div><p>Попробуйте изменить размер окна браузера.</p><p>Контейнер с "flex-wrap: nowrap;" никогда не будет упаковывать свои элементы.</p><p><b>Примечание.</b> Flexbox не поддерживается в Internet Explorer 10 и более ранних версиях.</p></body></html>