Typographic Layouts with Negative Margins

This is a demonstration of using negative margins to position typographic elements outside of divs. The full article and explanation can be found here.

My div

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla nisl velit, pretium a, mollis vel, congue eu, sem. Phasellus eu metus sit amet nulla imperdiet adipiscing. Mauris aliquam, pede eget accumsan dapibus, enim arcu porttitor nulla, ut rutrum nisl urna vitae erat. Aenean justo. Vivamus mollis.

Subtitle

Suspendisse condimentum, elit mattis pellentesque feugiat, dolor augue vestibulum quam, nec imperdiet odio nibh ac nibh. Suspendisse ut erat id leo ullamcorper sagittis. Vestibulum id nisl. Duis lobortis. Integer tellus pede, viverra at, posuere et, congue sed, lorem.

Subtitle 2

Vestibulum libero libero, porttitor quis, pulvinar non, vehicula sit amet, mauris. In hac habitasse platea dictumst. Sed adipiscing dolor ac lacus. Nam varius justo bibendum nisi. Nullam ante magna, congue quis, vestibulum et, aliquam at, elit. Sed facilisis hendrerit diam. Praesent ornare laoreet eros.

Subtitle 3

Nam quam ligula, pellentesque id, mattis eu, tincidunt eu, nisi. Integer eu diam. Nulla vitae nibh. Etiam quis mauris. Nullam id erat. Sed sodales. Sed ac ante a mauris sodales nonummy.