Стиль встраивания для выбора нескольких

Я хочу изменить стиль по умолчанию для выбора нескольких HTML-тегов. Мне нужно применить стиль встроенного блока и выровнять центр для параметров, но когда я применяю эти стили, параметры не переходят на новую строку.

<select name="select" id="select" multiple size="3">
  <option value="1">option 1</option>
  <option value="2">option 2</option>
  <option value="3">option 3</option>
  <option value="4">option 4</option>
  <option value="5">option 5</option>
  <option value="6">option 6</option>
<select/>


select {
  width: 200px;
  height: 200px;
  text-align: center;
  background: yellow;
  display: block;
}


option {
  width: 50px;
  margin: 5px;
  padding: 10px 5px;
  border: 1px solid #000;
  border-radius: 5px;
  display: inline-block;
}

вот код: https://codepen.io/gpuente/pen/NXeoRN

Поле 1 - это выбор, а поле 2 - результат, который мне нужен.

1 ответ

Решение

Добавить пробел: нормальный в вашем выборе

select {
  width: 200px;
  height: 200px;
  text-align: center;
  background: yellow;
  display: block;
  white-space: normal;
}

https://codepen.io/RACCH/pen/ypGwNq

Другие вопросы по тегам