魔術師見習いのノート

HTMLで，ニコニコ動画の上にある登録タグのようなものを書く(カンマやスペース等で区切って横に並べる)時，マークアップ言語的に<ul>を使って，見た目はCSSに任せるべきだと思い調べてみた．

見た目はこんな感じになる(Google Chrome19,Opera12, firefox12で確認)．

• hoge
• fuga
• piyo

• hoge
• fuga
• piyo

<style>
li {
  list-style:none;
  text-indent:0;
  margin:0;
  padding:0;
}
li:last-child {
  float:none;
}
li:not( :last-child ){
  float:left;
}
li:not( :last-child ):after{
  content:"・";
}
li:last-child:after{
  content:"";
}
</style>

また，Aタグを加えるとこういう見た目になる．

• hoge
• fuga
• piyo