freeCodeCamp/guide/english/certifications/responsive-web-design/basic-css/override-class-declarations-with-inline-styles/index.md

---
title: Override Class Declarations with Inline Styles
---
## Override Class Declarations with Inline Styles

<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds  -->
We need to use an ```inline style``` to try to make our ```h1``` element white.

### Example

Inline styles look like this:

```css
<h1 style="color: green;">
```

### Solution

In this line:

```css
<h1 id="orange-text" class="pink-text blue-text">Hello World!</h1>
```
In opening tag ```<h1>``` we need to add ```inline style``` to make our ```h1``` element white:

```css
<h1 style="color: white;" id="orange-text" class="pink-text blue-text">Hello World!</h1>
```

#### Tip: 
An inline style loses many of the advantages of a style sheet (by mixing content with presentation). Use this method sparingly.