Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sit amet urna gravida orci pharetra gravida tincidunt id nunc. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut feugiat elementum massa, quis laoreet sem semper vitae. Quisque ligula dolor, dapibus non tempus eu, dapibus nec lacus. Aenean convallis dapibus magna varius tristique. Vivamus nunc felis, semper non sagittis a, pulvinar sit amet tellus. Aliquam interdum sem ac massa pellentesque feugiat. Nulla facilisi.
Praesent sem quam, lacinia ac gravida at, adipiscing vitae velit. Sed vitae erat et leo aliquet laoreet id nec mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quam ligula, lobortis ornare tempor vitae, dignissim eu sapien. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lacinia, lorem id scelerisque semper, magna sapien pharetra ante, eget fringilla enim nunc vel tellus. Morbi tincidunt lacus in dolor tincidunt nec congue nibh euismod. Ut aliquet posuere metus, eu posuere tellus pretium ac. Morbi ultrices, leo sed rutrum tincidunt, lorem diam suscipit mi, ut suscipit dui lectus vel tellus.
Using Chrome's Inspect Element, do the following:
#lorem
, .mypar
and #wrap
.
You may need to scroll down a bit to see the #wrap
selector.
background-color:
yellow
) to both paragraphs. What is and isn't colored yellow?
border-left: 3px solid
red
. The longhand way is border-width-left: 3px;
border-style-left: solid; border-color-left: red
Which do you
like best?
collapse. Try setting a 60px margin-bottom for the #lorem paragraph and a 50px margin-top for the #praesent paragraph. How far apart are the two element borders? Read more about collapsing margins.