User:Asanchez/Sandbox/Training/HomeWork-10-12

P tags
 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.

Div tags
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.

Answer
There is a space between the p tag.

Groove border
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.

Ridge border
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.

Extra Rounding Borders
2 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.

10 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.

5 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.

10 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.

15 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.

30 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.

top and bottom padding 20 pixels
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.

padding-bottom 100 px
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.

Answer
The space is large.

Bottom and Top Margins
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 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.

Top and Bottom Margins
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.

All Margins and Rounding borders
5 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. 10 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. 15 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. 30 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.

Margins, padding and rounding
5 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. 10 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. 15 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. 30 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.

Extra Extra Read all about it! Place Holders
Lorem ipsum Place Holder Wikipedia Article Lorem ipsum Web Site Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras varius rutrum ligula, vel mollis urna pharetra at. Maecenas vel ipsum tortor. Sed sed augue tortor. Mauris quis justo nisl. Vestibulum pharetra tellus ac massa imperdiet, id fermentum nunc sagittis. Donec risus dolor, convallis sit amet mattis sit amet, aliquam at massa. Phasellus metus augue, ornare in feugiat non, tempor id lacus. Pellentesque lacinia risus et nulla vestibulum tincidunt.

Pellentesque ac tincidunt mi. Aliquam metus justo, tempus sed volutpat ac, interdum vel lectus. Nullam tristique feugiat egestas. Donec ex neque, consectetur auctor ex vitae, venenatis pharetra augue. Maecenas viverra mauris eget libero sodales, id pulvinar felis cursus. Ut vehicula libero ex, tincidunt mattis ligula fermentum sit amet. Maecenas pretium, nibh sit amet dictum dapibus, velit mi rhoncus massa, quis iaculis ipsum leo ac orci. Sed egestas tincidunt tortor, id malesuada nisl auctor vitae. Cras fringilla molestie orci non ultrices. Praesent arcu augue, facilisis vitae dui luctus, accumsan sollicitudin lectus. Cras turpis enim, aliquet at mollis et, faucibus in nunc. Aliquam facilisis dignissim velit ac tincidunt. Suspendisse ac tellus pretium, maximus est vitae, tristique sapien.

Vivamus luctus nisi sit amet sem varius commodo. Fusce lacinia scelerisque leo consequat euismod. Nulla facilisi. Nam varius vel leo eget viverra. Aenean pharetra dolor at nunc elementum faucibus. Suspendisse sit amet augue vel lorem pellentesque porta quis et turpis. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi fermentum dignissim sapien, ac dictum mi congue cursus. Vivamus porta nisi eget sem faucibus, vitae feugiat dolor feugiat. Duis eu arcu mauris. Proin id diam augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce ultrices nunc eleifend velit eleifend, ut pretium dolor placerat. Nam nec tempor ipsum. Aliquam erat volutpat. Proin pellentesque mauris vitae lorem mollis, vitae porttitor turpis semper.

Curabitur mollis mi dignissim odio blandit viverra. Nunc consequat nisl ac metus scelerisque congue. Nullam lobortis enim tincidunt, eleifend metus a, iaculis turpis. Integer tempus nulla ac elit pellentesque varius. Pellentesque feugiat consectetur diam quis efficitur. Integer hendrerit malesuada turpis, sit amet volutpat metus pretium sit amet. Ut ex urna, suscipit sed enim in, vulputate pretium metus. Ut lacinia, sem at posuere ornare, nulla ex auctor elit, id placerat ex ligula eget urna. Phasellus quis justo tincidunt, vestibulum nisi eu, tristique nibh. Proin finibus vel magna a venenatis. Nam ac enim eget quam pretium tempor eu a dolor. Pellentesque et vehicula risus. Etiam in est vel lacus pulvinar accumsan eget a mauris. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Sed id consequat nibh. Mauris vel risus scelerisque, ultricies mi sed, vehicula odio. Donec bibendum arcu eget magna feugiat, vel lobortis elit euismod. Suspendisse sagittis, risus in hendrerit efficitur, arcu nisi tempor nisi, non posuere velit nisl ut lectus. Suspendisse potenti. Sed et aliquam risus. Mauris eget turpis sodales, interdum lectus id, tincidunt nisl. Duis lobortis a orci vitae vestibulum.