どのように私のリストをhtmlで動作させることができますか？

Question

<ul id="ilist"> 
       <li> 
        <img src="img/icon1.png" alt="" /> 
        <p> 
         some text here</p> 
       </li> 
</ul> 

問題はもっと多くのアイテムがここに来るときいつかアイコンが少し大きくなって私のリストのバグを作る。どのように私は最大幅、画像の高さを設定することができます（私はブラウザのサイズを設定する場合）。誰かが私にどのように画像の最大幅と高さを設定できるかを教えてもらうことができます。

Sollution

HTMLモックアップ右側のテキストと画像と第2と左に1 2個のULのLiを作成します。それは従うのが簡単です。

Answer 1

<ul id="ilist"> 
     <li> 
      <img src="img/icon1.png" alt="" **width="500" height="400"**/> 
      <p>some text here</p> 
     </li> 
</ul> 

やCSSでそれを行う：

#ilist li img{ 
max-height: 400px; 
max-width: 500px 
}