/* Reset some default browser styles */ body, h1, h2, p, ul, li { margin: 0; padding: 0; } body { font-family: Arial, sans-serif; line-height: 1.6; } .container { width: 80%; margin: 0 auto; overflow: hidden; /* Clear floats */ } header { background-color: #333; color: #fff; padding: 20px 0; } header .container h1 { float: left; font-size: 24px; } nav ul { float: right; list-style: none; } nav ul li { display: inline; margin-left: 20px; } nav ul li a { color: #fff; text-decoration: none; } main { width: 70%; float: left; } article { margin-bottom: 40px; } article h2 { color: #333; font-size: 20px; margin-bottom: 10px; } article p { color: #666; } article a { color: #333; text-decoration: none; font-weight: bold; } article a:hover { text-decoration: underline; } aside { width: 30%; float: right; } aside h2 { color: #333; font-size: 20px; margin-bottom: 20px; } aside ul { list-style: none; } aside ul li { margin-bottom: 10px; } aside ul li a { color: #666; text-decoration: none; } aside ul li a:hover { text-decoration: underline; } footer { background-color: #333; color: #fff; padding: 20px 0; text-align: center; clear: both; }

My Blog

First Blog Post

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Second Blog Post

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.