私は自分の手の届かないところにある固定された html を持っていて、自分の好みに合わせてスタイルを設定したいのですが、方法がわかりません。これは私が持っているものです:
<a title="some title" href="...">
<img src="....jpg"></img>
Some text
</a>
CSS:
div.container-outer {
width: 25%;
float:left;
}
div.container-inner {
width: 156px;
margin: 5px;
}
div.container-inner img {
max-width: 156px;
max-height: 124px;
}
テキストを img の下の中央に配置し、テキストと img の両方を div を含む固定幅の中央に配置したいと思います。画像の幅と高さは不明ですが、max-width と max-height があり、max-width は含まれている div よりも小さくなっています。また、画像の下部は、含まれている div 内の固定位置にある必要があります。
このコード スニペットの周りの html を自由に変更できます。
これは可能ですか？この 1 時間、頭を壁にぶつけてしまいましたが、まだ何もわかりません....
よろしく、 マーカス
編集 130513 ------------------------------------------------
現在の CSS を追加しました。これにより、画像が左揃えになり、下のテキストも左揃えになります。画像の高さが変わると、画像は上に揃えられているため、画像の下部が移動します。