Как выровнять в tag'e, который лежит в рядом с другим tag'ом?

Question

[big_bo]

Набросал проблемный кусок на fiddle:
https://jsfiddle.net/bv5fLrth/2/
Суть проблемы:
1) Большое описание картинки вылазит за границы и сдвигается на следующую строку. Хотелось бы, чтобы вся надпись была выровнена по левому краю, как это сделано, например тут: prntscr.com/9jh3jl
2) И вторая проблема: после того, как я задал

.class__li {width: 180px;}

, все tag'и не выровняны по одной линии.
Познания мои в верстке совсем минимальны и нужна помощь экспертов. Может ли помочь кто-нибудь?

Answer 1

[alexmelnik]

.class__li a{
  display: inline-block;
  vertical-align: middle;
}
.class__li a:last-child{
  width: 70%;
}

Comments

[big_bo]

Спасибо за помощь))