Как будет валиднее сверстать блок?

Question

[Владимир]

Всем привет!
Ребят подскажите, как бы вы сверстали данный блок? Т.е как будет валиднее сделать?

Я мог бы конечно вставить просто картинку на сайт, но нужно именно HTML формат.
Вот как сейчас у меня:
HTML

<div class="container">
  <div class="row">
    <div class="col-md-4">
      7<span>лет</span><br/><span class="red center-block">на российском рынке</span>
    </div>
  </div>
</div>

CSS

#second-screen .col-md-4 {
  font-size: 120px;
  color: #545559;
  position: relative; }
  #second-screen .col-md-4 span {
    vertical-align: 20px; }
  #second-screen .col-md-4 span.red {
    color: #c41313;
    font-size: 18px; }

Comments

[Ankhena]

Валиднее некуда :)
Разве что закрывающий слеш у br убрать, если доктайп короткий.

Из улучшений: каскад убрать или сократить хотя бы до 2 уровней.

Answer 1

[Артём Ведищев]

А можно как-то так:
https://jsfiddle.net/7y09hhat/

Comments

[Владимир]

Спасибо! Вроде подошло)

[Владимир]

Немного поправил из за размера шрифта, кажется все валидно.
https://jsfiddle.net/njoL0188/

Answer 2

[HamSter]

jsbin

Comments

[Froggyweb]

Только не h1!!!
Это точно не заголовок первого уровня, наверное вообще не заголовок. стили css в обоих случаях не айс.

[HamSter]

Froggyweb: какая разница, это всего лишь пример Предложите свой "айс" пример)

[Froggyweb]

HamSter: Разница большая, речь шла о валидности. предложенный вариант был лучше.