Das ist nicht so perfekt eingesetzt. Mach es mal so:
PHP
<div class="post">
<div class="p-head">
<h1><a href="<?php the_permalink(); ?>"><?php the_title()?></a></h1>
<p class="p-date-cat"><?php the_time('F j, Y') ?> | In: <?php the_category(', ') ?></p>
</div>
<div class="p-con"><p><?php the_attached_image(); ?><?php echo truncate($post->post_content,256); ?></p></div>
Und gib dem Bild per CSS ein float mit:
Das float musst du dann wieder clearen, eine Möglichkeit wäre dann so: