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
Waldo
(Waldo Broodrÿk)
July 18, 2016, 8:23pm
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.
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;
}
system
(system)
Closed
September 17, 2016, 5:57pm
6
This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.