はてなブログでカテゴリを横並びにする

ありきたりの方法ですが、リスト(ul)を横並びにする事で、はてなブログのカテゴリモジュールを横並びにします。カテゴリモジュールはdiv.hatena-module-categoryで定義されているので、div.hatena-module-category ul 要素に対してデザインCSSで指定します。

ブログのデザインメニューから[カスタマイズ]->[デザインCSS]と選択して以下を記述すれば表示されます(以下はこのブログの場合です。幅(width)は随時調節してください)。

div.hatena-module-category { width: 640px;}

div.hatena-module-category ul{  
  list-style-type: none;
  margin: 0; 
  padding: 0;
}

div.hatena-module-category li{  
  float: left;  
  width: 203px;  
  margin: 5px;  
  padding: 0;
} 

例:

f:id:chorusde:20121006022059p:image:w500