---
title: "How to make first latter big and other small in CSS?"  
description: "How to make first latter big and other small in CSS?"  
author: "Ravi Vishwakarma"  
published: 2021-07-19  
canonical: https://answers.mindstick.com/qa/93775/how-to-make-first-latter-big-and-other-small-in-css  
category: "web application"  
tags: ["css cascading style sheets", "javascript", "html5"]  
reading_time: 1 minute  

---

# How to make first latter big and other small in CSS?

How to make first latter big and other small in [CSS](https://www.mindstick.com/forum/514/background-gradient-ie7-css-problem)?

## Answers

### Answer by Ethan Karla

In this question use the pseudo element selector.

```
<!DOCTYPE html>
<html lang='en' xmlns='http://www.w3.org/1999/xhtml'>
<head>
    <style>
        p::first-letter {
            color: red;
            font-size: 50px;
        }
    </style>
</head>
<body>
    <p>You can use the ::first-letter pseudo-element to add a special effect to the first character of a text!</p>
</body>
</html>
```

\


---

Original Source: https://answers.mindstick.com/qa/93775/how-to-make-first-latter-big-and-other-small-in-css

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.
