Оформление текста с помощью CSS. Часть 2 / Испытание: поиграйся со шрифтами [26/26]

Курсы
1

Подскажите пожалуйста каким образом можно расположить текст, что бы верхняя левая ячейка оставалась пустой для 3-х палочек?

h1 {
    position: relative;
    width: 320px;
    margin: 0;
    padding-left: 40px;
    text-transform:uppercase;
    font-weight:normal;
    font-size:100px;
    letter-spacing:40px;
    word-wrap:break-word;
    text-shadow:-5px 5px 0 rgba(0, 0, 0, 0.5);
    line-height:100px;
}

h1:before {
    content: '|';
    position: absolute;
    top: -5px;
    left: -55px;
    font-family: Arial;
}
2

Сам разобрался, все намного проще, наверное поздняя ночь не дала трезво мыслить, text-indent помог))))

1 лайк