Сделать элемент строчным в css

Чтобы сделать элемент строчным (inline) в CSS, необходимо использовать свойство display и задать значение inline, например:

span {
  display: inline;
}

В этом примере мы задаем, что все элементы <span> должны иметь свойство display: inline. Это позволит элементам иметь небольшой размер и выстраиваться в текстовой линии рядом с другим текстом, а не занимать всю доступную ширину блока.

Также можно использовать значение inline-block для создания элемента, который будет выглядеть как строчный, но при этом будет иметь свою ширину и высоту, задаваемые через свойства width и height. Например:

div {
  display: inline-block;
  background-color: #eee;
  width: 100px;
  height: 50px;
}

Здесь мы задаем свойство display: inline-block, задаем фоновый цвет и размеры элемента <div>. Это позволит создать строчный блок, который будет иметь свои размеры, но при этом будет выравниваться с другим текстом внутри строки.