Как сверстать эту часть макета:расположить элементы внутри линии?

Для того чтобы расположить элементы внутри линии на сайте, можно воспользоваться CSS свойством display: inline-block. Это свойство позволяет элементам выстраиваться в строку, а не в столбец, как это обычно происходит.

Пример использования данного свойства в HTML и CSS:

<div class="line">
  <div class="element">Элемент 1</div>
  <div class="element">Элемент 2</div>
  <div class="element">Элемент 3</div>
</div>

.line {
  white-space: nowrap; /* чтобы элементы не переносились на новую строку */
}
 
.element {
  display: inline-block;
  margin-right: 10px; /* добавляем отступ между элементами */
}

В данном примере создается блок с классом "line", в котором содержатся элементы с классом "element". С помощью CSS свойства display: inline-block элементы будут выстраиваться в строку. С помощью свойства margin-right можно добавить отступ между элементами.

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