Streaming live at 10am (PST)

Text formatting


#1

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)


#2

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


#3

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


#4

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:


#5

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

#6

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