Как позиционировать заголовок внутри контейнера?

Question

[vasIvas]

Есть структура -

.container
    img.user-photo
    h3.some-title

Как сделать, чтобы заголовок был почти прижат к низу контейнера, когда в нем есть изображение.
А когда изображения нет, он отображался в той точке, которая была бы точкой начала координат изображения? И стоит упомянуть что делаю это в bootstrap3.

Answer 1

[Stanislav Gorovoy]

Ну просто задать

h3.some-title{
  position: absolute;
bottom:0;
}

А если у .container есть какая-то высота, то имеет смысл обернуть
img.user-photo,h3.some-title еще одним блоком

Comments

[vasIvas]

Когда нет изображение нет и заголовка. А нужно чтобы заголовок был.

[vasIvas]

Заголовок как будто поднимается ровно на свой размер. То есть его координаты без изображение равны координатам изображения, когда оно есть, минус по x высота заголовка.

[Stanislav Gorovoy]

vasIvas: просто высота блока container становится 0.Костыльный способ задать container min-height равный высоте заголовка

[vasIvas]

Stanislav Gorovoy: а не кастыльный, js?

[Stanislav Gorovoy]

vasIvas: ну это проще всего