.type-letter { position: relative; white-space: pre-wrap; /* preserves line breaks */ } .type-letter .caret { display: inline-block; width: 1px; border-right: 1px solid currentColor; animation: blink .8s steps(1) infinite; transform: translateY(.1em); } @keyframes blink { 50% { opacity: 0; } }