User:Bethcottam/sandbox/wikitext 22-25

Review of Attributes, properties and values:

I added PADDING to the TOP

I added PADDING to BOTTOM

I added PADDING to the RIGHT

I added the PADDING to the LEFT

PADDING

Place padding around this writing



As you can see there is NO space between this text and the border. This text is right up against the left border. '''A little space between the text and the border would probably help it look better'''.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget suscipit turpis.

MORE OPTIONS:

padding-top:10px padding-bottom:10px padding-right:10px padding-left:10px

LESSON 23) DIV TAGS


 * Up to this point, we have been showing you how to deal with paragraphs using the paragraph tags Lorem ipsum …..


 * However, you cannot add attributes to line break tags.


 * All you will have is black text on a white background just as you see in any book. So if you want to change anything in a paragraph, you need to use a paragraph tag or something equivalent.


 *  We are now going to talk about an equivalent tag.

HOW DIV TAGS EFFECT PARAGRAPHS

 * So let's put two paragraphs on a page using div tags with different background colors and see how they appear on the page:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget suscipit turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget suscipit turpis.  Lorem ipsum ...   Lorem ipsum ....
 * Here is the coding:

In the next chapter we will talk about how to separate them.
 * NOTICE that the borders of the backgrounds are touching.

MARGINS

BORDERS

BORDERS