CSS: несколько контента в одном div?

Question

Есть ли способ иметь один контейнерный элемент div, в котором я могу разместить ссылки на левой стороне и простой текст на правой стороне? Я знаю, что это можно сделать, но я изо всех сил пытался заставить это работать. Код CSS, который у меня есть, должен быть сильно модифицирован из-за контента, который я обслуживаю, поэтому я загрузил черновик того, что я хочу, и посмотрю, можете ли вы, ребята, помочь мне.

Answer 1

Я думаю, что Пекка прав, говоря, что float:left и float:right, как правило, являются лучшим способом решения этой проблемы.

Тем не менее, я обнаружил, что получаю немного больше контроля, если на самом деле плаваю все элементы left (если вы пишете на языке, читаемом слева направо), а затем позволяю элементамсложить друг на друга.Таким образом, вы можете указать поля, отступы и т. Д. И получить именно тот интервал, который вам нужен.

Чтобы начать новую строку, вы можете сделать одну из двух вещей (или, может быть, даже больше!):

Вы можете установить display: block, или вы можете ограничить ширину контейнера для ссылок / текста так, чтобы следующий элемент был вынужден обернуться вокруг.

Надеюсь, это поможет!

Answer 2

<div id="menu">
  <div id="text" style="float:right;width:50%;text-align:right">text</div>
  <div id="links" style="float:left;width:50%">links</div>
  <div style="clear:both"></div>
</div>

Убедитесь, что у вас есть этот очищающий div и две стороны не касаются.Кроме того, как указывает Пекка, правый контент должен стоять первым, иначе он будет располагаться ниже левого.