html - レスポンシブデザインのための画像の位置合わせ

Question

レスポンシブデザインのために、h2の両側に2つの画像を均等に配置し、ブラウザーを縮小すると画像が縮小され、モバイルデバイスなどの小さなウィンドウでは最終的に消えるようにします。私が間違っていることを知りたいです。

JsFiddle

Answer 1

h2も持つ必要がありfloat: left;ます

Answer 2

また、画面サイズ（ピクセル単位）に基づいてアクションを呼び出すcssシートを作成する必要があります

リンクを参照してください： jsfiddle

必要なのは、floatleftを使用することだけです。

#tag-container h2.tag {
    font-family: 'Droid Serif', serif;
    font-size: 52px;
    font-style: italic;
    color: #34291c;
    letter-spacing: 1px;
    text-shadow: 0px 1px 1px rgba(255,255,255,0.9);
    text-align: center;
    margin: 0;
    **float: left;**

}