1575-1

by Hyunhwa Jung

HTML

<article class="post">
    <h1 class="post-title"><a href="#">Subject</a></h1>
    
    <p class="post-meta">2014. 5. 16 by Hyunhwa Jung — <a href="#">Design</a></p>
    
    <div class="post-content">
        <p>Creating such a stunningly thin design took some equally stunning feats of technological innovation. We refined, re-imagined, or re-engineered everything about iMac from the inside out. The result is an advanced, elegant all-in-one computer that’s as much a work of art as it is state of the art. Learn more</p>
        
        <p>Creating such a stunningly thin design took some equally stunning feats of technological innovation. We refined, re-imagined, or re-engineered everything about iMac from the inside out. The result is an advanced, elegant all-in-one computer that’s as much a work of art as it is state of the art. Learn more</p>
    </div>
</article>

CSS

/* 컨텐츠 - 헤더 */
article.post {
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}

article.post .post-title {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 32px;
    font-weight: bold;
    letter-spacing: -1px;
    color: #000;
}

article.post .post-title a,
article.post .post-title a:visited{
    color: #000;
    text-decoration: none;
}

article.post .post-meta {
    margin: 0 0 30px 0;
    padding: 0;
    font-size: 14px;
    color: #888;
}

article.post .post-meta a {
    color: #0095dd;
    text-decoration: none;
}

article.post .post-content {
    font-size: 12px;
    text-align: left;
    line-height: 160%;
}

article.post .post-content p {
    margin: 0 0 20px 0;
}