新着記事一覧の改行のレイアウト

質問させていただきます。

トップページなどに新着記事一覧を表示しているですが、
タイトルが長くなってしまったときに自動で改行してくれるのですが、
レイアウトで困っています。

例として画像を貼ります↓
http://blog-imgs-38.fc2.com/w/e/t/wetz/ex.jpg

画像のようにタイトルが2行にわたる場合、日付とタイトルを
独立して表示して欲しいときにはどうやって組めば
よいのでしょうか？

ちなみにループは下記のように記述しています。

<?php
$lastposts = get_posts('numberposts=5');
foreach($lastposts as $post) :
    setup_postdata($post);
 ?>
<li>
<?php the_time('Y年m月d日'); ?>&nbsp;&nbsp;| &nbsp;&nbsp;
<a href="<?php the_permalink(); ?>" id="post-<?php the_ID(); ?>">
<?php the_title(); ?></a>
</li>
<?php endforeach; ?>

どうかご教授宜しくお願いします。