Inline Styles

Contact Us or call 1-877-932-8228
Inline Styles

Inline Styles

Inline styles are created by adding the style attribute to a tag. As with the class and id attributes, almost all elements can take the style attribute. The value of the style attribute is a list of one or more property-value pairs separated by semicolons. The code sample below illustrates how inline styles are used:

Code Sample:

<meta charset="UTF-8">
<title>Inline Styles</title>
<p style="color: blue; font-weight: bold; font-size: 12pt;">Common Greetings</p>
<ul style="margin-top: -20px; font-size: 10pt;">
	<li style="list-style-type: square">Hello</li>
	<li style="list-style-type: circle">Hi</li>
	<li style="list-style-type: disc">Howdy</li>

This page will render as follows: