Червоний заголовок по центру

Червоний параграф по центру.

Hello World

Create Multiple Columns

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.

CSS background-color example!

This is a text inside a div element.

This paragraph has its own background color.

We are still in the div element.

Responsive Table

A responsive table will display a horizontal scroll bar if the screen is too small to display the full content. Resize the browser window to see the effect:

To create a responsive table, add a container element (like div) with overflow-x:auto around the table element:

First Name	Last Name	Points	Points	Points	Points	Points
Jill	Smith	50	50	50	50	50
Eve	Jackson	94	94	94	94	94
Adam	Johnson	67	67	67	67	67

CSS Animation

Note: When an animation is finished, it goes back to its original style.

Hoverable Dropdown

Move the mouse over the text below to open the dropdown content.

Text-shadow effect!

Hover over the two divs below, to see the entire text.

This is some long text that will not fit in the box

Bordered Button Group

Add borders to create a bordered button group:

Remember to clear floats after, or else will this p element also float next to the buttons.