#post-entry { display: block; margin-left: 30px; padding: 0px; clear: both; height: 300; width: 600; float: left; background: #FFF; -webkit-box-shadow: 0px 2px 5px #888; box-shadow: 0px 2px 5px #888; } #post-entry .post-meta { float: left; width: 94%; padding: 3% 3% 2em !important; margin: 0px 0px 2em; overflow: hidden; background: url(images/inline.png) repeat-x left bottom; } #post-entry .post-meta a { text-decoration: none; color: #000000; } #post-entry .post-meta a:hover { text-decoration: none; color: #9A430A; } #post-entry .columnfix { } #post-entry .post-meta .thumb { padding: 0px; margin: 0px 0px 1em; width: 200px; float: left; margin-right: 20px; } #post-entry .post-meta .thumb img { background: #FFF; margin: 0px; padding: 5px !important; float: left; max-width: 97%; height: auto; width: auto; border: 1px solid #ddd !important; -webkit-box-shadow: 0 2px 2px #999; box-shadow: 0 2px 2px #999; } #post-entry .post-meta .thumb a:hover img {} #post-entry .post-meta .thumb .aligncenter { padding: 0px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #post-entry .post-meta h2 { display: block; padding: 0px; float: left; height: auto; width: 100%; font-size: 25px; font-weight: normal; line-height: 30px; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } #post-entry .post-meta .post-date { display: block; clear: both; height: auto; font-size: 12px; color: #666666; text-transform: capitalize; margin: 8px 0px; padding: 0px; } #post-entry .post-meta .post-date a { color: #B04111; text-decoration: none; } #post-entry .post-meta .post-date a:hover { color: #000000; text-decoration: underline; } #post-entry .post-meta .post-content { display: block; padding: 0px; clear: both; height: auto; width: 100%; font-size: 12px; line-height: 17px; margin: 0px; } #post-entry .post-meta .readmore { text-shadow: 0 0 0 transparent; font-weight: bold; display: block; clear: both; } #post-entry .post-meta .readmore a { color: #FFF; text-decoration: none; background: #B04111; display: block; margin: 8px 0px 0px; padding: 6px 12px; float: left; -webkit-border-radius: 7px; border-radius: 7px; font-size: 15px; } #post-entry .post-meta .readmore a:hover { color: #FFF; text-decoration: none; background: #CC4A13; } #post-entry .post-meta .social { margin-bottom: 5px; display: block; clear: both; margin-top: 5px; } #post-entry .post-meta-single { padding: 20px; height: auto; width: auto; text-shadow: 0px 1px 1px #fff; display: block; clear: both; background-color: #FFFFFF; border: 1px solid #d5d5d5; margin: 0px 0px 10px; } #post-entry .post-meta-single h1 { display: block; margin: 0px; padding: 0px 0px 12px; clear: both; height: auto; width: 100%; font-size: 28px; font-weight: bold; color: #000000; } #post-entry .post-meta-single h1#page { padding-bottom: 3px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dddddd; } #post-entry .post-meta-single .post-date { font-size: 11px; color: #666666; clear: both; height: auto; width: auto; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d5d5d5; text-transform: capitalize; } #post-entry .post-meta-single .social { margin-bottom: 10px; display: block; clear: both; } #post-entry .post-meta-single .post-content { font-size: 13px; line-height: 24px; display: block; margin: 0px; padding: 12px 0px 0px; clear: both; width: auto; overflow: hidden; } #post-entry .post-meta-single .post-tags { font-size: 12px; color: #666666; clear: both; height: auto; width: auto; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding: 0px; text-transform: capitalize; }
<head> <link rel="stylesheet" type="text/css" href="styles.css" /> </head> <div id="post-entry"> <div class="post-meta" id="post-2"> <div class="thumb"><a href="#" title="Billed" width="134"><img src="thumbnail-bg.jpg"></a> <h2><a href="#" title="Title">Title</a></h2> <div class="post-date">Meta</div> <div class="post-content"> Dette er indholdet<span class="readmore"><br /><a href="#" title="læs mere">Læs mere</a></span> </div><!-- POST CONTENT END --> </div><!-- POST META END --> </div>
#post-entry { display: block; margin-left: 30px; padding: 0px; clear: both; height: 200px; width: 600px; float: left; background: #FFF; -webkit-box-shadow: 0px 2px 5px #888; box-shadow: 0px 2px 5px #888; } #post-entry .post-meta { float: left; width: 94%; padding: 3% 3% 2em !important; margin: 0px 0px 2em; overflow: hidden; background: url(images/inline.png) repeat-x left bottom; } #post-entry .post-meta a { text-decoration: none; color: #000000; } #post-entry .post-meta a:hover { text-decoration: none; color: #9A430A; } #post-entry .columnfix { } #post-entry .post-meta .thumb { padding: 0px; margin: 0px 0px 1em; width: 160px; float: left; margin-right: 5px; } #post-entry .post-meta .thumb img { background: #FFF; padding: 5px !important; float: left; max-width: 97%; height: auto; width: auto; border: 1px solid #ddd !important; -webkit-box-shadow: 0 2px 2px #999; box-shadow: 0 2px 2px #999; } #post-entry .post-meta .thumb a:hover img {} #post-entry .post-meta .thumb .aligncenter { padding: 0px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #post-entry .post-meta h2 { display: block; padding: 0px; height: auto; width: auto; font-size: 25px; font-weight: normal; line-height: 30px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } #post-entry .post-meta .post-date { display: block; height: auto; width: auto; font-size: 12px; color: #666666; text-transform: capitalize; margin: 8px 0px; padding: 0px; } #post-entry .post-meta .post-date a { color: #B04111; text-decoration: none; } #post-entry .post-meta .post-date a:hover { color: #000000; text-decoration: underline; } #post-entry .post-meta .post-content { display: block; padding: 0px; float: left; height: auto; width: auto; font-size: 12px; line-height: 17px; margin: 0px; } #post-entry .post-meta .readmore { text-shadow: 0 0 0 transparent; font-weight: bold; display: block; clear: both; } #post-entry .post-meta .readmore a { color: #FFF; text-decoration: none; background: #B04111; display: block; float: left; margin: 8px 0px 0px; padding: 6px 12px; float: left; -webkit-border-radius: 7px; border-radius: 7px; font-size: 15px; } #post-entry .post-meta .readmore a:hover { color: #FFF; text-decoration: none; background: #CC4A13; } #post-entry .post-meta .social { margin-bottom: 5px; display: block; clear: both; margin-top: 5px; } #post-entry .post-meta-single { padding: 20px; height: auto; width: auto; text-shadow: 0px 1px 1px #fff; display: block; clear: both; background-color: #FFFFFF; border: 1px solid #d5d5d5; margin: 0px 0px 10px; } #post-entry .post-meta-single h1 { display: block; margin: 0px; padding: 0px 0px 12px; clear: both; height: auto; width: 100%; font-size: 28px; font-weight: bold; color: #000000; } #post-entry .post-meta-single h1#page { padding-bottom: 3px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dddddd; } #post-entry .post-meta-single .post-date { font-size: 11px; color: #666666; clear: both; height: auto; width: auto; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d5d5d5; text-transform: capitalize; } #post-entry .post-meta-single .social { margin-bottom: 10px; display: block; clear: both; } #post-entry .post-meta-single .post-content { font-size: 13px; line-height: 24px; display: block; margin: 0px; padding: 12px 0px 0px; clear: both; width: auto; overflow: hidden; } #post-entry .post-meta-single .post-tags { font-size: 12px; color: #666666; clear: both; height: auto; width: auto; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding: 0px; text-transform: capitalize; }
<head> <link rel="stylesheet" type="text/css" href="styles.css" /> </head> <div id="post-entry"> <div class="post-meta" id="post-2"> <div class="thumb"><a href="#" title="Billed" width="134"><img src="thumbnail-bg.jpg"></a></div> <h2><a href="#" title="Title">Title</a></h2> <div class="post-date">Meta</div> <div class="post-content"> Dette er indholdet<span class="readmore"><br /><a href="#" title="læs mere">Læs mere</a></span> </div><!-- POST CONTENT END --> </div><!-- POST META END -->