.sub_content{ width:25%; display: inline-block; backgroun d-color: #c5c5c5; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox 28 and earlier*/ float:left; padding-top:100px; padding-left:20px; line-height: 1.5em; color :#444; font-family: 'Dosis', sans-serif; } .sub_content h2{ text-align: center; font-size: 18pt; margin: 15px 0; font-weight: 600; } #next_post , #prev_post{ position: relative; text-align: center; font-size: 14pt; font-weight: 500; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox 28 and earlier*/ } .nav_link{ display:block; width:100%; padding: 10px 0; } #next_post h3, #prev_post h3{ color:#aaa; font-weight: 100; } #next_post:hover, #prev_post:hover{ background-color: #e5e5e5; } .sub_content ul{ list-style: circle; margin:30px; } .sub_content ul li{ padding: 10px 0; border-bottom: 1px solid #e5e5e5; } .sub_content a{ color:#222; font-size: 13pt; } .sub_content .recent_comment{ background: url('../imgs/comments.png') no-repeat left center; background-size: 15px 15px; padding-left:35px; } .sub_content .recent_post{ background: url('../imgs/recent.png') no-repeat left center; background-size: 15px 15px; padding-left:35px; } #next_post{ background: url('../imgs/right.png') no-repeat right center; background-size: 15px; padding: 0 35px; } #prev_post{ background: url('../imgs/left.png') no-repeat left center; background-size: 15px ; padding:0 35px; } #archive li{ background: url('../imgs/calendar.png') no-repeat left center; background-size: 15px 15px; padding:10px 35px; } ul li{ list-style: none; }