Example code using the STYLE element/tag

This method applies to embedded style sheets.
<br /><STYLE type=“text/css”><br /> …<br /> selector{property:value;selector:value; ..}<br /> ….<br /></STYLE><br />Other types are: e.g. XSL, etc.<br />Example:<br /><br /> <STYLE type=“text/css”><br /> body{color:red; background-color:blue;}<br /> h1{font-size:36px;color:brown;background-color:yellow;}<br /> h2{font-size:26px;color:green;background-color:orange;}<br /> </STYLE><br /><br />Take a look at this HTML sample:<br />

Example code using the ‘STYLE=’ attribute

<br />More examples:<br /><P style="padding-top:100px; padding-left:100px"><br /> THIS TEXT HAS PADDING AT TOP & LEFT<br /></P><br /><br />[<P style=" display:none;">THIS TEXT HAS display=none</P>]<br /><P style=" display: block;">THIS TEXT HAS display=block</P><br /><br />

Example code using the ‘STYLE=’ attribute

<br />More examples:<br /><P style="padding-top:100px; padding-left:100px"><br /> THIS TEXT HAS PADDING AT TOP & LEFT<br /></P><br /><br />[<P style=" display:none;">THIS TEXT HAS display=none</P>]<br /><P style=" display: block;">THIS TEXT HAS display=block</P><br /><br />

Example code using the ‘STYLE=’ attribute

Using style= attribute in many html elements is a common practice.
This method applies to all elements except the following:
HTML, HEAD, TITLE, META, SCRIPT, STYLE.
<br />Examples:<br /> <P style=“font-weight:bold”><br /> Hey diddle diddle, the cat and the fiddle<br /> </P><br /> <P style="text-align:right; color:brown;"><br /> THIS PARAGRAPH IS RIGHT ALIGNED<br /> </P><br /> <P style="text-align:center; color:gray;"><br /> THIS PARAGRAPH IS CENTER ALIGNED<br /> </P><br /> <P style="text-align:left; color:blue;"><br /> THIS PARAGRAPH IS LEFT ALIGNED<br /> </P> <br />

Example code using the ‘STYLE=’ attribute

Using style= attribute in many html elements is a common practice.
This method applies to all elements except the following:
HTML, HEAD, TITLE, META, SCRIPT, STYLE.
<br />Examples:<br /> <P style=“font-weight:bold”><br /> Hey diddle diddle, the cat and the fiddle<br /> </P><br /> <P style="text-align:right; color:brown;"><br /> THIS PARAGRAPH IS RIGHT ALIGNED<br /> </P><br /> <P style="text-align:center; color:gray;"><br /> THIS PARAGRAPH IS CENTER ALIGNED<br /> </P><br /> <P style="text-align:left; color:blue;"><br /> THIS PARAGRAPH IS LEFT ALIGNED<br /> </P> <br />

Example code using the ‘STYLE=’ attribute

Using style= attribute in many html elements is a common practice.
This method applies to all elements except the following:
HTML, HEAD, TITLE, META, SCRIPT, STYLE.
<br />Examples:<br /> <P style=“font-weight:bold”><br /> Hey diddle diddle, the cat and the fiddle<br /> </P><br /> <P style="text-align:right; color:brown;"><br /> THIS PARAGRAPH IS RIGHT ALIGNED<br /> </P><br /> <P style="text-align:center; color:gray;"><br /> THIS PARAGRAPH IS CENTER ALIGNED<br /> </P><br /> <P style="text-align:left; color:blue;"><br /> THIS PARAGRAPH IS LEFT ALIGNED<br /> </P> <br />

Using style= attribute in many html elements is a common practice.
This method applies to all elements except the following:
HTML, HEAD, TITLE, META, SCRIPT, STYLE.
<br />Examples:<br /> <P style=“font-weight:bold”><br /> Hey diddle diddle, the cat and the fiddle<br /> </P><br /> <P style="text-align:right; color:brown;"><br /> THIS PARAGRAPH IS RIGHT ALIGNED<br /> </P><br /> <P style="text-align:center; color:gray;"><br /> THIS PARAGRAPH IS CENTER ALIGNED<br /> </P><br /> <P style="text-align:left; color:blue;"><br /> THIS PARAGRAPH IS LEFT ALIGNED<br /> </P> <br />