Text formatting

[MichealReno]

I’d like to have the first word of a sentence in a bigger size then the rest of the text. By using span on the first word and adding a css class, I was able to make it bigger, but it is not aligned with the rest of the sentence. How could I accomplish this with all the text being aligned at the top?

Here’s my public link: https://preview.webflow.com/preview/montcalm?preview=a03cc07f84a4e28fed5209d907db2928

---

Here is my public share link: LINK
(how to access public share link)

[coolest_vlad (Vlad Radchenko)]

Can you please alaborate on what you mean by “aligned with the rest of the sentence” ?

[MichealReno]

Hi @VladimirVitaliyevich this is the formatting I would like to create in HTML/CSS within webflow. Example below made with Photoshop.

[Waldo (Waldo Broodrÿk)]

Hey @MichealReno try using div blocks to break up the text for those.

So create two divs set to float: left and maybe 30%, 70% widths, and then a third div set to float left with a width of 100% to hold the text.

[AntonioBalderas]

Also you can try with the method from css-tricks

<p class="demo w-clearfix"><span class="drop">AN</span> AMAZING PROJECT <br>STARTED BY TWO <br>YOUNG BROTHERS.</p>

.drop {
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 3px;
  float: left;
  font-size: 75px;
  line-height: 60px;
}

.demo {
  font-size: 32px;
  line-height: 33px;
}