画像を左寄せにする
そのまんま。引用内に画像があると美しくなくなる。
拡張装飾記法ができたので、特定の記法で囲んだ画像だけ左/右寄せにすることもできそう!
表示サンプル
初めはレッサーパンダは単に「パンダ」と呼ばれていたが、後にジャイアントパンダが発見されて有名になると、単に「パンダ」といった場合はジャイアントパンダの方を指すようになってしまった。このため、従来のパンダの方には「小さい方の」という意味の英語「レッサー」(lesser)を付けて、レッサーパンダと呼ぶようになった。いわゆるレトロニムの例である。 現在は、レッサーは蔑称の意味があるので、英語ではなるべくレッドパンダを使うようにする動きがある。
style.css/* 行内の画像を左寄せにする */
.line .text, .stream .line { clear: both; overflow: hidden }
.line img.image { float: left; margin-right: .5em }
.stream .line img.image { float: none; margin-right: 0 }
表示サンプル(上画像が左寄せの表示、下画像はデフォルトの表示)
2017-09-18 overflow: auto
がプレゼンモードで悪さするので取った
2017-09-20 overflow
やっぱ必要! てことで overflow: hidden
として復活
2017-10-26 Stream表示のとき崩れてたので修正
2017-10-27 昨日の修正まちがってた…再修正
2017-11-30 みたび、Stream用の修正
2018-01-29 @progfay さんの記事にリンク