コメントが見出しの上に配置されているので、重なり合わないようにpaddingで指定します。 text-shadowを使用して対応ブラウザにはより美しい装飾をしています。

拡大では分かりにくいと思うので、全景は下記をどうぞ。 デモのキャプチャ（100%） ※クリックで全表示 実装は下記のようになります。 疑似要素「:after」を使用するため、spanでimg要素を内包します。

ログインして、InfoQのすべての体験をアンロックしましょう！お気に入りの著者やトピックの最新情報を入手し、コンテンツと交流し、限定リソースをダウンロードできます。 クラウドコンピューティングの登場以降、ソフトウェア業界は大きな変革の中に ...