将图像放在一起

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：

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

嘿，我怎么能把这两个图像放在一起呢？

Answer 1

试试这段代码：

＆＃13;

＆＃13;

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

}

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;