Skip to content

Files

Latest commit

3a151fe · Jul 3, 2019

History

History
executable file
·
28 lines (20 loc) · 887 Bytes

File metadata and controls

executable file
·
28 lines (20 loc) · 887 Bytes

Подсказка

Центрирование не работает из-за position: absolute.

Решение

Центрирование не работает потому, что position: absolute автоматически меняет элементу display на block.

В однострочном случае можно сделать центрирование при помощи line-height:

<style>
  .arrow {
    position: absolute;
    height: 60px;
    border: 1px solid black;
    font-size: 28px;

*!*
    line-height: 60px;
*/!*
  }
</style>

<div class="arrow">«</div>

Если же центрировать нужно несколько строк или блок, то есть и другие техники центрирования, которые сработают без display:table-cell.