When we create or write any blog then we always try to make it more user-friendly and attractive. There are so many tricks to make your blog or script more attractive, and starting your blog with a big uppercase letter is one of them. Which will more affectionate for the user when they read your blog. So, in this article, I will show you how to make the first letter big using CSS. Follow my step.
Step 1:
First of all, create custom CSS class in your default stylesheet file and write the code which I have written in the bellow.
You can add this in style.css.
.first-letter { float: left; font-size: 75px; line-height: 60px; padding-top: 4px; padding-right: 8px; color: #4caf50; padding-left: 3px; }
Step 2:
Now add this custom class in the first letter of your paragraph like this.
<!-- Your Code --> <p><span class="first-letter">C</span>ascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language. Although most often used to set the visual style of web pages and user interfaces written in HTML and XHTML, the language can be applied to any XML document, including plain XML, SVG and XUL, and is applicable to rendering in speech, or on other media.</p> <!-- End Your Code -->
Here I kept the first letter inside the span and add the custom class in the span. Now try it yourself.
Output :
Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language. Although most often used to set the visual style of web pages and user interfaces written in HTML and XHTML, the language can be applied to any XML document, including plain XML, SVG and XUL, and is applicable to rendering in speech, or on other media.