I need in this text to move first letter so it can take u space on 2 lines. Here is picture how it should look like.
(https://i.stack.imgur.com/TZGl5.png)
here is my html text of the text I did add span to it to mark first letter L
p {
display: flex;
justify-content: space-between;
}
.first-letter-uppercase {
font-size: 2em;
/* Zvětší první písmeno */
text-transform: uppercase;
/* Převést na velká písmena */
line-height: 1;
/* Upravit mezery pro zarovnání prvního písmena */
}
<p><span class="first-letter-uppercase">L</span>orem ipsum dolor sit amet consectetur adipisicing elit. Cumque quibusdam quaerat incidunt modi maiores natus, ea ab, debitis dignissimos aspernatur iure tenetur cum id. Quam voluptas libero quibusdam sed debitis,
at mollitia esse pariatur ipsum aut amet.</p>
I try to use in p flex, and it will make some thing but it will create like one column of white space under it.