JSFiddle - React, Tailwind, and code Playground
by StormMan
HTML
<p><line>The Developer Program offers a range of technical</line> <line>resources and support for developers and IT</line> <line>professionals innovating. Power your</line> <line>development from concept to market with</line> <line>technical guidance and information from</line> <line>engineers and experts. Access pre-release</line> <line>versions of the latest software.</line></p>
CSS
p {
font-size: 10px;
float: left;
line-height: 2em;
padding-top: 1em;
}
p:before {
content: "A";
display: block;
float: left;
font-size: 200px;
line-height: 130px;
}
line {
display: block;
float: left;
position: relative;
}
line:nth-child(1) {
left: -3.5em;
}
line:nth-child(2) {
left: -2.7em;
}
line:nth-child(3) {
left: -1.9em;
}
line:nth-child(4) {
left: -1.1em;
}
line:nth-child(5) {
left: -0.3em;
}
line:nth-child(6) {
left: 0.5em;
}
line:nth-child(7) {
left: 1.3em;
}