Ever want to highlight a word or group of words in your block text with a different color, different font, or special styling? This is really easy to do using the html <span> element. No custom css needed for this one, just put the needed html right in the block.
Let’s say you want to highlight some text by making it red:
This is how you <span style="color: red;">make text red</span> in the middle of a sentence.
Resulting in:
This is how you make text red in the middle of a sentence.
What if you actually wanted to highlight the text as if using a highlighter pen?
This is how you would <span style="background-color: yellow;">highlight text</span> in the middle of a sentence.
Resulting in this:
This is how you would highlight text in the middle of a sentence.
If you want to use some exotic color that’s not one of the standard css color keywords, you can use a hexadecimal color number like this: style=”background-color: #33FFFF;” for a bright light blue.
You can get a list of color keywords as well as hexadecimal colors at the W3Schools site.
Use this technique to change fonts, font-size, add a border around text, even apply text-shadows if you wish.
You’ll need to know just a little bit of css to get the look you want, but the needed code is easy to find with a Google search.
