выравнивание текста в div внизу

Question

У меня есть два div рядом друг с другом, один с float: right, а другой с float: left. Один слева содержит изображение (200x100px), а div справа должен содержать текст. Я хотел бы, чтобы текст div справа начинался слева внизу от div вместо верхнего левого, это как-то возможно? Спасибо

Answer 1

Вы можете сделать контейнер position: relative, затем сделать div внутри с помощью position: absolute; bottom: 0; left: 0;

<div style="position: relative; height: 300px; width: 300px; background-color: #f00;">
  <div style="position: absolute; bottom: 0; left: 0; right: 0; background-color: #00f;">
    This will be at the bottom!
  </div>
</div>

Answer 2

Вы можете попытаться добавить к вашему div этот css:

 #rightDiv{
   display: table;
   vertical-align: bottom;
}

Answer 3

Попробуйте это правило CSS для диапазона, абзаца или любого другого текста, в который вы помещаете текст:

vertical-align: bottom;