Я использую многостолбцовый макет с css, и столбцы не совпадают с первым, вместо этого они расположены немного ниже.Поскольку я использую текстовую тень, я понял, что это делает эффект еще хуже.Я установил JSFiddle и там, смещение исчезает, как только я удаляю текстовую тень (однако, на моей странице проблема остается, если я удаляю тень, только не так отчетливо, как с ней).
Есть идеи, как это исправить?
JSFiddle
html:
<div class="info">
Lorem ipsum...
</div>
css:
.info {
position: fixed;
left: 9px;
top: 5px;
height: 90vh;
width: 100vw;
font-size: 20pt;
text-shadow: 0px 0px 2px rgba(0,0,0,0.7);
column-count: 4;
column-fill: auto;
display: block;
vertical-align: top;
}