diff --git a/index.html b/index.html index f74abbf..f836873 100644 --- a/index.html +++ b/index.html @@ -1,11 +1,24 @@ - - - - Introduction to the DOM - - - - - - - \ No newline at end of file +- + - + - + - Aaron King...DOM + - + - + - + - + - + -

Header

+ -
+ -
+ - New! + -
+ -

Placeholder

+ -

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et nunc libero. Donec dignissim turpis eget ipsum volutpat, non egestas risus fermentum. Etiam bibendum, eros sed interdum pulvinar, metus sapien ultricies justo, at accumsan lorem odio vitae sapien. Donec commodo sodales hendrerit. Vestibulum id tempor nisi, eget consequat sapien. Aenean a tincidunt nisi, non congue risus. Pellentesque ut sem vitae quam accumsan posuere id a nisl. Nam vulputate tellus ullamcorper tortor eleifend varius. Fusce fringilla sit amet sem ut facilisis. Curabitur laoreet fringilla metus suscipit pharetra.

+ -
+ -
+ -

Placeholder

+ -

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et nunc libero. Donec dignissim turpis eget ipsum volutpat, non egestas risus fermentum. Etiam bibendum, eros sed interdum pulvinar, metus sapien ultricies justo, at accumsan lorem odio vitae sapien. Donec commodo sodales hendrerit. Vestibulum id tempor nisi, eget consequat sapien. Aenean a tincidunt nisi, non congue risus. Pellentesque ut sem vitae quam accumsan posuere id a nisl. Nam vulputate tellus ullamcorper tortor eleifend varius. Fusce fringilla sit amet sem ut facilisis. Curabitur laoreet fringilla metus suscipit pharetra.

+ -
+ - + - + - \ No newline at end of file diff --git a/styles.css b/styles.css index e69de29..fa3d8fe 100644 --- a/styles.css +++ b/styles.css @@ -0,0 +1,52 @@ + +html, body, p, h1, h2 + +{ + margin: 0px; + padding: 0px; + border: 0px; +} + +h1 + +{ + text-align: center; + padding: 10px; +} + +h2 +{ + padding: 10px; +} + +p +{ + padding: 10px; +} + +.post +{ +display: inline-block; +width: 50%; +box-sizing: border-box; +float: left; +border: 3px solid black; +} + +.new +{ + float: right; + background-color: gray; + margin-top: 5px; + padding: 10px; +} + +.right +{ + border-width: 3px 3px 3px 1.5px; +} + +.left +{ + border-width: 3px 1.5px 3px 3px; +}