User:R2d2love7/sandbox1b

=Wiki Text Lessons 21-34 Text and Tables=

Padding
This paragraph has no space between the text and the border.

Padding Attribute
This paragraph has space between the text and the border. Padding can be limited to top, bottom, right, and left as shown: padding-left:20px

Divisions are containers
The text in this division has a lightgreen background. The text in this division has a lightgraybackground.

Margins are like padding with spacing taking place outside the boundaries
The text in this division has a lightgreen background with a margin. The text in this division has a lightgraybackground with a margin. Margins overlap if side by side and are on all sides. Margins can be limited just like padding.

Borders
The text in this division has a lightgreen background and a narrow red border. There is no space between the text and the border. The border is spread all across the page. We can place borders on one, two, three, or on all four sides just like padding and margins. The text in this division has a lightgreen background and a narrow red border only at the bottom. This is useful in separating paragraphs, etc. Padding and Margins work the same way with borders.

Border Radius
The text in this division has a lightgreen background and a narrow red border with rounded corners. The rounding of corners can be limited by using -top-left, -top-right, -bottom-left, and -bottom-right.

Border Shadow
The text in this division has a lightgreen background and a narrow red border and a shadow. The first 10 pixels is from bottom down; The second 10 pixels is from right edge to right; The 5 pixels is the distance above the page; The #888888 is HEX for dark gray.

Width and Height
The text in this division has a lightgreen background and a narrow red border with width limited to 100 pixels and height limited to 50 pixels.

Centering Titles
This title is centered Also text-align:right, or text-align:left This title is on the right This title is on the left

Vertical Alignment
When we place some text in a div tag that is taller than the text we are placing, the text will appear at the top of the container. To place the text in the middle of the container, we use a combination of text-align and line-height attributes. This text is in the middle

Tables
Tables have opening tags {| and closing tags |}. Tables have Rows which are created with |- followed by cells created with |. Tables consist of many rows of cells. We Add Rows and Cells by adding row tags followed by cell tags.