画像を左寄せにする
そのまんま。引用内に画像があると美しくなくなる。
拡張装飾記法ができたので、特定の記法で囲んだ画像だけ左/右寄せにすることもできそう! 表示サンプル
https://upload.wikimedia.org/wikipedia/commons/6/6b/%E5%B0%8F%E7%86%8A%E7%8C%AB%E5%9C%96.png 初めはレッサーパンダは単に「パンダ」と呼ばれていたが、後にジャイアントパンダが発見されて有名になると、単に「パンダ」といった場合はジャイアントパンダの方を指すようになってしまった。このため、従来のパンダの方には「小さい方の」という意味の英語「レッサー」(lesser)を付けて、レッサーパンダと呼ぶようになった。いわゆるレトロニムの例である。 現在は、レッサーは蔑称の意味があるので、英語ではなるべくレッドパンダを使うようにする動きがある。
code: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 }
表示サンプル(上画像が左寄せの表示、下画像はデフォルトの表示)
https://gyazo.com/d771b3ea9e34da2f6bce65163c2bfda8
https://gyazo.com/df21635e627121a228cc827b20075dc1
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 さんの記事にリンク