Morning to evening Couldn't Resolve: Help Please

[marketo]

This is how Code in one file of WordPress:

<div class="postarea">
                <div class="content-image"><a href="<?php the_permalink(); ?>" rel="bookmark"> <?php the_post_thumbnail( 'smallthumb-left' ); ?></a></div>
                <div class="homepost-heading"> <h2><a href="<?php the_permalink(); ?>" rel="bookmark"> <?php the_title(); ?> </a></h2> </div>
                <div class="content-area"> <?php the_content_limit('100'); ?> </div>
                <div class="cb"></div>
        </div>

However I want to achieve something, If I I do this- If I Put this DIV element-

<div class="homepost-heading"> <h2><a href="<?php the_permalink(); ?>" rel="bookmark"> <?php the_title(); ?> </a></h2> </div>

INTO

<div class="content-area"> <?php the_content_limit('100'); ?> </div>

I can achieve what I wish to achieve. But is this the correct way or their is a better way to do it?

I am summarizing what i am trying to achieve- Currently this is the situation:

http://screencast.com/t/l4PbqGmvc

But i want this- http://screencast.com/t/mRYIEOxkY

And this is the associated CSS:

.content-area { margin-top: -2px; font-family: ‘Lora’, serif; font-size: 15px; color:#111; line-height:23px; }

/———————- Home Page Post ————————————/

.homepost{ border-bottom:1px solid #efefef; margin-bottom: 25px; padding-bottom: 13px; }

.homepost-heading h2 { font-family: ‘Lato’, sans-serif; font-size:30px; font-weight:bold; float:right;

}

.homepost-heading h2 a { color:#000; }

[Author]

Posts