Возможно ли подвинуть тень на ширину?
Хочется вместо 6ch иметь ширину элемента, но ни text-shadow, ни drop-shadow не понимают в этом месте 100%. Есть ещё какие-то способы?
body {
display: grid;
}
div {
margin: 1lh 0;
height: 1lh;
border: 1px dotted blue;
font-size: 1.5em;
}
span, em {
display: inline-block;
width: min-content;
}
span {
text-shadow: 6ch -1lh red;
}
em {
filter: drop-shadow(6ch -1lh red);
}<div>
<span>123456 789</span>
</div>
<div>
<em>123456 789</em>
</div>