How to create this paragraph style in HTML and CSS
I work with first letter of paragraph but i face the alignment issue



5 Replies
I think
float: left
on first letter would work nice here.
yea that should do the trick,
unfortunatly the
initial-letter
property was never finished (only with webkit prefix but not in firefox)
https://css-tricks.com/almanac/properties/i/initial-letter/Geoff Graham
CSS-Tricks
initial-letter | CSS-Tricks
initial-letter is a CSS property that selects the first letter of the element where it is applied and specifies the number of lines the letter occupies.
There is a first-letter pseudo class in css which will help you with this.
Syntax:
p::first-letter { font-size: 20px; color: salmon;}