A couple of ways to make paras stand out with inline CSS
There are many ways to do this. But before I show you some examples, let’s revisit CSS. The hierarchy of using CSS is that inline CSS will override anything else. Inline CSS is when you want to make a change to the overall CSS you might be using for your web site, but on a particular page you want a change. Then there is embedded CSS which overrides the external stylesheet also and is used in the HEAD section to apply to only that page. External style sheets apply across your site. You can read about CSS here
Want to place a red line (or any color) down the side of your paragraph?
Here’s the code:
<div style=”border-left:4px solid #ff0000;font:11px verdana;padding-left:5px;”>
<p align=”left”>Place a coloured line next to a paragraph </p>
<p>aaaaaaa<font face=”Arial, Helvetica, sans-serif”></font></p>
</div>
You can alter any aspect of font, width, color etc.
Want to place a box around your paragraph? See my first paragraph.
Here’s the code:
<p>Place a box around a paragraph</p>
<p style=”border : 1px solid; background-color : #00CC66; padding : 5px; width : 202px;”>
Depending upon the size of the box, all you need do is change the width. Check in Firefox before publishing.
There are other examples which just need a quick search for ‘inline CSS’
