PHPの新着記事出力　リンクが効いていません。また各項目の頭が揃いません。

PHPで特定の固定ページに、新着記事を5件ずつ表示しています。
一応狙った形ではできたのですが、2点問題が発生しています。

１．<?php the_permalink(); ?>が正常に効いていないようで、一見、タイトル部分がリンクしているように見え、マウスを合わせると色が変わるのですが、実際にはリンクしておらず、クリックできません。

２．以下のように各項目の頭をそろえたいのですが、何かいい方法はありますでしょうか？できればテーブルタグを使わずに対応したいです。
日付　カテゴリー　タイトル
日付　カテゴリー　タイトル
日付　カテゴリー　タイトル
日付　カテゴリー　タイトル
日付　カテゴリー　タイトル

どちらか一方だけでも助かります。どうぞよろしくお願いいたします。

<?php if(is_page('1')): ?>
<?php
$news_posts = get_posts("numberposts=5&orderby=post_date=DESC");
foreach ($news_posts as $post) : setup_postdata($post);
?>
[<?php the_time('Y年m月d日'); ?>]　
  <?php
    $category = get_the_category();
    $cat_name = $category[0]->cat_name; ?>
:<?php echo $cat_name; ?>　
<a herf="<?php the_permalink(); ?>"><?php the_title(); ?></a>
<?php endforeach; ?>
<?php endif; ?>