Как выравнить блоки по горизонтали?

Question

[Максим Воронков]

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

<div class="midd-column">

        <div class="row_midd-column">
          <div class="column-mid col-75">
            <div class="inner-column">
              <h1>Название <br> что-то еще?</h1>
            </div>
          </div>

          <div class="column-mid col-25">
            <div class="inner-column text-right">
              Поделиться
            </div>
          </div>
        </div>
        
      </div>

.midd-column {
  display: table;
  width: 100%;
  font-size: 18px;
}
.midd-column .column-mid {
  display: table-cell;
  vertical-align: middle;
}
.midd-column {
  display: table;
  width: 100%;
  font-size: 18px;
}
.col-25 {
    width: 25%;
}
.col-75 {
    width: 75%;
}

codepen.io/anon/pen/gmOPVo

Comments

[weranda]

Что в вашем понимании корректная длинна?

Answer 1

[discovery1]

задать блокам одинаковую ширину?

Comments

[Максим Воронков]

А если нужно не одинаковая?

[discovery1]

тогда не ясна формулировка "выровнять". нужна картинка визуализирующая требуемый результат.

[Максим Воронков]

.col-25 {
width: 25%;
}
.col-75 {
width: 75%;
}
Внутренние блоки с данной width
codepen.io/anon/pen/gmOPVo

[discovery1]

codepen.io/anon/pen/MpWymW

[Максим Воронков]

Точно. Спасибо!

Answer 2

[Максим Воронков]

Так можно сделать?

.midd-column .column-mid {
width: 100%;
}

Answer 3

[stiv]

Что значит выровнять по горизонтали? Они стоят у Вас сейчас один за другим.