TAG
CSS
Result
Run
License
<p> <span>0000000000000000000000000000000000000000</span> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p> <p> <span>0000000000000000000000000000000000000000</span> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
p { --ch: 20ch; position: relative; background-color: #FFFF00; } p::before { content: "20ch"; position: absolute; left: 0; top: -15px; right: 0; text-align: center; color: #ff0000; font-size: 13px; } p > span { display: block; border-bottom: 1px dashed #FF0000; } p:first-of-type { font-size: 15px; width: var(--ch); } p:last-of-type { font-size: 30px; width: var(--ch); }
Console
expand_less
License
License
by DevDic
Close