Question: I have one word ONE\_WORD and I would like to make it little big bigger, change text style and color it in red. How can I do that?
I tried with this code, but it doesn't work:

```
<font color="#B00000 ">ONE_WORD</font>

```

thx, D.

Answer: 
`Font` is deprecated.Use `span` instead

```
<span class="word">Your Word</span>

```

Then apply style to it.

**CSS:**

```
.word
{
font-size:20px;
color:Red;
//Other styles
}

```

Using `inline` styles is not recommended.
First, think of your reason for wanting to increase it's size. If there's an HTML element that matches that reason (such as `<em>` for emphasis), then that's the element to use:

```
<em>ONE_WORD</em>

```

If you use the same element elsewhere but don't want those other uses to have the same appearance, then use it with a class. The class name should also reflect your thinking that led to you wanting it larger:

```
<em class="ourName">ONE_WORD</em>

```

If there's no natural match, use `<span>`.

```
<span class="ourName">ONE_WORD</span>

```

Then in your CSS you set the style to match. If you went with the first choice:

```
em
{
  color: red;
  font-size: 120%;
  font-style: italic;/*em does this by default, but we'll include it anyway*/
}

```

If you went with the second choice or third choice, then either:

```
.ourName
{
  color: red;
  font-size: 120%;
  font-style: italic;
}

```

Or to e.g. only apply this style to `<em>` elements with that class - and treating other elements you used the same class on:

```
em.ourName
{
  color: red;
  font-size: 120%;
  font-style: italic;/*em does this by default, but we'll include it anyway*/
}

```

While more work for this one word that just putting the style straight on it, taking this approach to your entire site will make it simpler, faster, more logical for you to understand later, and quicker to change. It'll start paying off after just one document. Putting the CSS in a separate file will start paying off after the second page, and keep on giving.