This text is blue-ish using a hex color and the text is bold
The size of this text is 18px
The size of this text is 24px and the text is italic
This text is white and the background color is brown-ish
This paragraph's content is centered and the line height is 32px. Lorem ipsum dolor sit
amet consectetur
adipisicing elit. Earum excepturi optio consectetur molestias deleniti, iure voluptas reiciendis, dolor iste
voluptatem iusto aliquid unde, quam commodi a doloribus impedit numquam assumenda.
This paragraph's content is justified and the text is capitalized
everywhere (use
text-transform). Lorem ipsum
dolor, sit amet consectetur adipisicing elit. Expedita ipsa perferendis quod quia obcaecati illum enim saepe,
maxime, ratione iure iusto. Quae delectus voluptatibus, repellendus veniam facere molestias dolor possimus!
This box is 400px in width and 300px in height total. It has a solid 1px purple border and
the padding is 30px
This box is 500px in width and 200px in height total. It has a red-ish background-color and
the margin on every
side is 100px
You should not be able to see this text at all
This box is 100% in width relative to the page. It has a blue-ish background-color, padding:
50px and a
yellow-ish 10px thick border. Pay attention to the width of this box, it hould not be wider than the page
itself!
You should not be able to see this text but there is a gap
This box is 200x500, its background color is green-ish and its opacity is 0.5
This box is 400x300 and its position is relative, its background color is light blue
This box is 50x50 and its position is absolute inside its parent: 50px from the top
and 10px from the
right. Its background color is pink
This box is 200x400 and has a 20px brown border that is rounded by 10px radius
This button is 300px wide and 100px high and whenever I click on it, its text's color turns blue
This button is 200px wide and 50px high and whenever hover my mouse on it, its background color turns brown
This box is 200x500, its background color is blue-ish and whenever I hover my mouse over it,
the cursor turns
in to a hand. There is a 200px space above this box.