Выравнивание текста по горизонтали

@maruo · Регистрация: 26.04.2013

Author24 — интернет-сервис помощи студентам

За сутки из за размеров выше <a> нужно на 1м уровне их поставить.
vertical-align: не помог, Предложения?

HTML5

1	<h4><a href="">1300р.</a><small>За сутки</small></h4>

CSS

figure.effect-zoe h4 {
    float: right;
}
figure.effect-zoe h4 a{
    float: left;
    
}
figure.effect-zoe h4 small {
    font-size:11px;
    vertical-align:text-bottom;
    float: right;
    color:#fff;
}

@mrtoxas · 01.06.2016, 15:26

CSS
1 2 3 4 5 6 7
h4 small { font-size:11px; vertical-align:middle; } h4{ float:right; }

CSS

.price {
  font-size: 22px;
  font-weight: bold;
}
.price a {
  text-decoration: none;
  vertical-align: middle;
}
.price span {
  vertical-align: middle;
  font-size: small;
  padding-left: 5px;
  text-transform: uppercase;
}

HTML5

1
2
3

<div class="price">
  <a href="#">1300р.</a><span>За сутки</span>
</div>

	01.06.2016, 15:26

Опции темы