ぼうびろく

<?php
//現在のカテゴリが子カテゴリを持つかどうか判定する
$children = get_category_children($cat);

//子カテゴリを持つなら、子孫カテゴリのリンクリストを表示
if ($children) : ?>
  <ul>
  	<?php wp_list_categories('title_li=&child_of='.$cat); ?>
  </ul>
<?php 
//子カテゴリを持たないなら、タイトルリンクを表示
else: ?>
	<ul>
		<?php while(have_posts()) : the_post(); ?>
			<li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
		<?php endwhile; ?>
	</ul>
<?php endif; ?>

http://naoyu.net/css/css-inline-block-space/274/

<div class="oya">

<div class="kodomo"> ~~~~~ </div>
<div class="kodomo"> ~~~~~ </div>

</div>


.oya{
letter-spacing:-0.4em;
}
.kodomo{
letter-spacing:normal;
}

htmlのdivを詰めたりコメントアウトを足したり、フォーマットしちゃたらおじゃんになっちゃいそうです。
だからcssだけでできるこの方法がいいと思います。

上線はbox-shadow:inset 0 1px 0 0 #333;

下線はbox-shadow:inset 0 -1px 0 0 #333;

左線はbox-shadow:inset 1px 0 0 #333;

右線はbox-shadow:inset -1px 0 0 #333;