How to create a simple article design with CSS and HTML5

Question

I'm trying to create the following design:

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; 

Answer 1

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