WordPress を専用ディレクトリに配置する

ルートディレクトリにインストール済みの場合

WordPress をルートディレクトリにインストール済みの場合、WordPress ファイルを専用ディレクトリへ移動するには次のようにします（ディレクトリ構成例も参照）。

（注意） 作業の順番を間違えたり飛ばしたりすると、サイトにアクセスできなくなることがあります。一つずつ確実に進めましょう。

1. WordPress のコアファイルを置くための、新しいディレクトリを作成する（この手順では仮に wp とする）。
   （linux の場合、www ディレクトリで mkdir wp を実行。十中八九、作成した wp ディレクトリで "chown apache:apache" することになるでしょう）
2. 管理パネルで 設定 > 一般設定パネルを開く。
3. WordPress のアドレス (URL) 欄を、新しい WordPress コアファイルの URL に変更する。例：

   WordPress のアドレス (URL)： http://example.com/wp

4. サイトのアドレス (URL) 欄を、ルートディレクトリの URL に変更する。例：

   サイトアドレス (URL)： http://example.com

5. 変更を保存をクリック。 （この時点ではエラーメッセージが出ても気にせず、サイトを表示しようとしないでください。「ファイルが存在しない」というメッセージが出るはずです）
6. WordPress コアファイルを、手順 1 で作成した新しいディレクトリ（「WordPress のアドレス」）へ移動する。
7. WordPress ディレクトリにある index.php と .htaccess ファイルを、手順 4 で設定したサイトのルートディレクトリ（「サイトのアドレス」）へコピーする（移動ではなくコピーすることに注意）。
   • パーマリンク設定を使っていない場合、htaccess ファイルは存在しません。
   • WordPress を Windows (IIS) サーバー上で動かしており、パーマリンク設定を使っている場合は、htaccess ファイルの代わりにweb.config ファイルが WordPress のディレクトリにあるはずです。上記の通り、index.php をルートディレクトリに（移動ではなく）コピーし、web.config ファイルをルートディレクトリに（コピーではなく）移動してください。
   • 存在するはずの .htaccess ファイルが見えないときは、FTPクライアントの隠しファイルの表示設定を行なうこと。
8. ルートディレクトリの index.php ファイルをテキストエディタで開く。
9. 次の修正を行ない、ファイルを保存する。
   修正前：

   require('./wp-blog-header.php');

   修正後： WordPress コアファイルの新ディレクトリ名を使います。

   require('./wp/wp-blog-header.php');

10. 新しい URL からログインする。例えば http://example.com/wp/wp-admin/ など。
11. パーマリンクを設定している場合、パーマリンク設定パネルを開き、パーマリンク構造を更新してください。.htaccess に適切なパーミッションを設定してあれば、WordPress が自動で .htaccess を更新します。もし WordPress が .htaccess を書き換えられない場合、新しいリライトルールが表示されるので、（メインの index.php ファイルと同じディレクトリの）.htaccess ファイル内に手動でコピーしてください。

<?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だけでできるこの方法がいいと思います。