リストアイテムは、img/divサイズをアライメント/継承しません。

Question

画像のすぐ下にあるテキストのリストを作成しようとしています。画像はCMSを介してロードされ、任意のサイズであってもよい。固定ディメンションを使用する方法について考えることはできません。

これは意味がありますか？ここで

は私のコードです：
現在彼ら（リスト項目）遠くULが中に配置されるのdivの左に揃える

CSS

.maincontent h5 { 
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
    font-size:14px; 
    font-weight:600; 
    text-decoration:none; 
    text-indent:2px; 
    text-align:left; 
    line-height:0px; 
} 
.maincontent img { 
    max-width:900px; 
    text-align:center; 
    display: block; 
margin-left: auto; 
margin-right: auto; 
} 
.maincontent a { 
    text-decoration:none; 
} 
.maincontent a:hover { 
} 
.maincontent ul { 
    display:block; 
    list-style-type:none; 
    list-style:none; 
    z-index:5; 
    padding:0px; 
} 

.maincontent ul li { 
    display:block; 
    text-align:left; 
    list-style-type:none; 
    list-style:none; 
} 

HTML

。

<div style="display:block; margin-left:auto; margin-right:auto;"><ul> 

    <li> 
    <img src="/americanmedium1/files/9913/3401/0984/AM-LOGO.jpg" width="300" height="111" alt="" /> 
    </li> 

    <li><h5>testes</h5></li> 

    <li><h5>setsete</h5></li> 

    <li><h5>setes</h5></li> 

    <li><h5>estes</h5></li> 

    <li><h5>estes</h5></li> 

    <li><h5>setes</h5></li> 

</ul></div> 

Answer 1

問題はあなたが設定していますか？ ULはdisplay: block;になります。コンテナの幅が表示されている画像よりも広い場合は、それが入っているコンテナの100％の幅にプッシュします。私はあなたのコードを使用してmock something upにしようとしましたが、明らかにいくつかのHTMLが欠落しています。 ULの幅を設定するか、「インラインブロック」に設定してみてください