Как сделать выравнивание по ширине в css

Выравнивание элементов по ширине можно сделать несколькими способами в CSS.

С помощью свойства display: flex; и justify-content: space-between; можно выровнять элементы по ширине и распределить их равномерно по контейнеру. Например:

.container {
  display: flex;
  justify-content: space-between;
}

С помощью свойства text-align: justify; можно выровнять текст по ширине и распределить его равномерно внутри блока. Например:

.container {
  text-align: justify;
}
.container::after {
  content: "";
  display: inline-block;
  width: 100%;
}

С помощью свойства display: table; и width: 100%; можно выровнять элементы по ширине и сделать их равными друг другу. Например:

.container {
  display: table;
  width: 100%;
}
.item {
  display: table-cell;
  width: 1%;
}

Обратите внимание, что эти способы могут применяться к различным типам элементов, таким как блочные элементы, строчные элементы и элементы таблицы. Используйте тот способ, который лучше всего подходит для вашей конкретной задачи и типа элемента.