CODEWITHSUNDEEP
htmlcss
gulbaek
gulbaek

Reputation: 2541

How to create a simple article design with CSS and HTML5

I'm trying to create the following design: alt text

This is my code so far.

<section class="frontpagearticle">
    <figure class="frontpagearticlefigure">
        <img class="frontpagearticleimg" />
    </figure>  
    <header>  
        <h2 class="frontpagearticleh2">MyHeader</h2><time class="frontpagearticletime">pubtime</time>  
    </header> 
    <p class="frontpagearticletext">Lorem....</p>
    <a href="">Read more...</a>
</section>

I'm having problems creating my css, so ex. pubtime would be align to the right, while MyHeader would be left align.

The image is always going to be the same size.

height: 140px;
width: 250px;

Upvotes: 0

Views: 1743

Answers (1)

Kyle
Kyle

Reputation: 67194

Something like this? My attempt at making it, as simple as I could :)

Upvotes: 4

Related Questions