Text formatting

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: Webflow - Montcalm


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

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

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

1 Like

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. :smiley:

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;
}

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.