227

てがろぐのカテゴリ一覧を横並びにしたい時はCSSに
.cattree {
  list-style-type: none;
}
.cattree li {
  display: inline-block;
}
辺りを入れるとなるんですけど、サイドに縦で並べたいが下部では横で並べたい時はこれだと上手く行かんなぁとアレコレ弄っていたら、
<ul class="ul2"><!-- [[CATEGORY:TREE]]</ul>
とコメントアウトの頭だけカテゴリツリーの前に入れたら何か上手いことサイドは縦、下部は横に出来たんですけどなんでだコレ…。

ハッシュタグの方は
.hashtaglistarea {
  list-style-type: none;
}
.hashtaglistarea li {
  display: inline-block;
}
と入れるだけでサイドの方では問題なく縦になるしどういうことだ…？

入れてる
ul.ul2 {
  display: flex;
  justify-content: flex-end;
  margin: 10px 0;
  text-align: right;
}

ul.ul2 li {
  margin: 0 10px;
}
が効いてるのか…？

なんもわからん

追記
<ul class="ul2"><!-- [[CATEGORY:TREE]]</ul>
を入れると横並びになるけれど1つ目のカテゴリが消えるっぽい。なんでだ。

#てがろぐ #HTML #CSS