隣同士

Question

HTMLに画像を入れ

<div class="button"> 
      <a href="#"> 
      <img id="img1" src="icons/onas1.svg" alt="O nas[enter image description here][1]"> 
      </> 
     <a href="#"> 
      <img id="img2" src="icons/kontakt1.svg" alt="kontakt"> 
     </a> 
     </div> 
    </div> 

CSS：私は隣同士にこれら2枚の画像を置くことができる方法

div.button img{ 
    position: fixed; 
    height: 10%; 
    display: inline-block; 
} 

ねえ、？

Answer 1

このコードを試してみてください。

div a img{ 
 
    height: 10%; 
 
    width:200px; 
 

 
}

<div class="button"> 
 
      <a href="#"> 
 
      <img id="img1" src="https://yt3.ggpht.com/-3N3L1JNdZ4k/AAAAAAAAAAI/AAAAAAAAAAA/PmHzBEEHaU4/s900-c-k-no-mo-rj-c0xffffff/photo.jpg" alt="O nas[enter image description here][1]"> 
 
      </> 
 
     <a href="#"> 
 
      <img id="img2" src="https://yt3.ggpht.com/-3N3L1JNdZ4k/AAAAAAAAAAI/AAAAAAAAAAA/PmHzBEEHaU4/s900-c-k-no-mo-rj-c0xffffff/photo.jpg" alt="kontakt"> 
 
     </a> 
 
     </div> 
 
    </div>