Как поставить ссылку внизу и по центру родительского div?

Question

[Олег Короленко]

Здравствуйте. нужно разместить ссылку внизу и по центру родительского div не знаю как сделать.
Но так чтобы остальные элементы не поплыли, помогите пожалуйста)

.publications-list .col-sm-4 {
  height: 400px;
  margin-top: 45px;

}

.publications-list .col-sm-4 a{
??????
}

Comments

[Олег Короленко]

то есть чтобы a прилипла к низу col-sm-4 и встала по центру

Answer 1

[Петр]

.publications-list .col-sm-4 {
  height: 400px;
  margin-top: 45px;
  position: relative;
}

.publications-list .col-sm-4 a{
   position: absolute;
   left: 50%
   bottom: 0;
  transform: translate(-50%, 0);
}

Comments

[Олег Короленко]

после position: absolute все плывет(

Answer 2

[Maksym Davydchuk]

.publications-list .col-sm-4 {
position: relative;
height: 400px;
margin-top: 45px;
padding-bottom: 25px //на усмотрение
}

.publications-list .col-sm-4 a{
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}

Comments

[Олег Короленко]

После position: absolute все сильно плывет(

[Maksym Davydchuk]

Олег Короленко: Дайте ссылку на песочницу что бы видно было что у вас

[Олег Короленко]

Разобрался - Большое спасибо!)))