Как сделать блок справа css

Существует несколько способов выравнивания блоков справа в CSS. Один из способов – использование свойства float. Вот пример:

<div class="wrapper">
  <div class="content">
    <p>Some text here</p>
  </div>
  <div class="sidebar">
    <p>Sidebar content here</p>
  </div>
</div>

С помощью CSS мы задаем свойство float: right; для блока .sidebar и устанавливаем правый отступ для блока .content, чтобы избежать перекрытия контента. Вот пример CSS-кода:

.wrapper {
  width: 100%;
}

.content {
  width: 70%;
  margin-right: 5%;
}

.sidebar {
  width: 25%;
  float: right;
}

В этом примере ширину .wrapper мы установили на 100% для того, чтобы блоки занимали всю доступную ширину. Затем мы задали ширину для блока .content на 70%, для блока .sidebar на 25% и установили значение float: right; для него.

Margin-right задает отступ, чтобы избежать перекрытия контента блока .content. Убедитесь, что все блоки помещаются в родительский блок по ширине.