html画像とテキストのある「配信方法」リスト

Question

私は自分でウェブサイトを作ろうとしていますが、すべての問題は解決していますが、現在の問題は1つあります。私はnewbです）。だから、私が念頭に置いているのは、私が使っている配送方法の説明とリストを作ることです。左の行では、配送会社のロゴを、その横に（宅配便/郵便局）、右のテキスト（価格やそのようなもの）に書いておきたい。 画像の例example "li" "div ul li" "img"や "div ul li img"のようなタグはすでに使用されているので、新しいエントリ/リストごとに特別なタグを作成する必要があります。 誰かがそれを行う方法について私にお勧めできますか？今イムこの上：

[HTML]

<div> 
     <img src="images/delivery_menu.jpg" alt=""> 

    <ul> 
     <li class="Delivery_mety"> 
       <img src="images/omniva.jpg" alt=""> 
       <span class="Delivery_mety">Omniva pakiautomaat</span> 
     </li> 
     <li class="Delivery_mety"> 
       <img src="images/omniva.jpg" alt=""> 
       <span class="Delivery_mety">Omniva postkontor</span> 
     </li> 
     <li class="Delivery_mety"> 
       <img src="images/itella.jpg" alt=""> 
       <span class="Delivery_mety">Itella smartpost</span> 
     </li> 
    </ul> 
    </div> 

[CSS]

.Delivery_mety { 
font-family: "Arial Black", Gadget, sans-serif; 
font-weight: normal; 
text-transform: uppercase; 
padding-right:50%; 
text-align:center; 
vertical-align:middle; 
align-content:center; 
} 

そして、まだすべてがwrongly aligned（画像税込）です

Answer 1

あなたはすべての画像を作りたい場合リンクとしてあなたはimgタグ<a href=" default.asp"></a> のために書く必要があり、二重引用符の間にWebページを書く。

は、例えばthis link を参照してください：