Text without text-shadow:

Heading

Random text...

Text with text-shadow:

Heading

Random text... 

Add this code inside your heading or paragraph tag:

style="text-shadow: 1px 1px 1px #000000;"

Should look like this:

<h2 style="text-shadow: 1px 1px 1px #000000;">Heading</h2>
<p style="text-shadow: 1px 1px 1px #000000;">Random text...</p>

You can adjust how the shadow is displayed by changing the px amount:

  • The first px amount determines the horizontal distance of the shadow from the text.
  • The second determines the vertical distance of the shadow from the text.
  • The third px determines the hardness of the shadow.

The last part of the code is the hex color, you can make the shadow any color by updating the hex color.

Example:

Text Example

Building Relationships with Web Developers and Marketing Agencies that want better results

The world's fastest and most SEO friendly website code.