HTML簡單的佈局

Question

我正在做一個商店網站，我需要你的幫助，做我想做的，看到我已經把它貼照片：

IMG

我不知道我該怎麼加列表，並有按鈕，看看我的代碼：

<div class="modal-body"> 
    <a><img src="images/******.png" alt="Img"><a> 
</div> 

感謝=）

Answer 1

<div class="modal-box"> 
<div class="modal-header"> 
    <h2>Title</h2> 
    <button class="modal-close">X</button> 
</div> 
<div class="modal-body"> 
    <div class="img-container"> 
     <a href="#"> 
      <img src="images/****" alt="Img" /> 
     </a> 
    </div> 
    <div class="text-container"> 
     <ul> 
      <li>Text</li> 
      <li>Text</li> 
      <li>Text</li> 
      <li>Text</li> 
     </ul> 
     <div class="button-group"> 
      <button class="btn">Button 1</button> 
      <button class="btn">Button 2</button> 
     </div> 
    </div> 
</div> 
<div class="modal-footer"> 
    <button class="fl-right btn-close">Fechar</button> 
</div>