CODEWITHSUNDEEP
html
hena
hena

Reputation: 25

how to make first letter font increase only on the first paragraph

In my website document where i am using multiple paragraph,i want to make the first letter of the first paragraph font size increase.how to do that ?please help me.when i am making changes its reflecting on all paragraphs.

<p>This is my first paragraph</p>
<p>This is my second paragraph</p>
<p>This is my third paragraph</p>

I want to increase the size of 'T' alone in the first paragraph. Please advice me how to do that ?

Upvotes: 1

Views: 118

Answers (2)

Siddharth Thevaril
Siddharth Thevaril

Reputation: 3788

Use the first-letter selector

p:first-child:first-letter { 
        font-size: 40px;
    }
<p>This is my first paragraph</p>
<p>This is my second paragraph</p>
<p>This is my third paragraph</p>

Upvotes: 3

Matthew Chrobak
Matthew Chrobak

Reputation: 404

Surround the first character by a span tag, and style it so that the font size is bigger.

<p><span style="font-size:25px;">T</span>his is my paragraph</p>

Upvotes: 0

Related Questions