Существует несколько способов выравнивания блоков справа в 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. Убедитесь, что все блоки помещаются в родительский блок по ширине.





