画像を隙間なく配置する方法

初めまして
スライスされた縦横2×2の4枚一組の画像がありまして
HTMLで組んで、それぞれにリンクを設定しようとしているのですが
テーブルで配置したところ
余白が入り元の画像を再構成できなくて困っています。

テーブルでなくてもいいのですが
Wordpressなのでjavascriputを追加せずに
段組みとCSSだけで実現できないでしょうか？

因みにクリッカブルマップは
フレキシブル対応できたのですが、javascriputを使うのでダメでした。。。

ご教示の程、宜しくお願いいたします。<(_ _)>

No.1 ベストアンサー 回答者： yambejp 回答日時： 2019/10/16 17:16

<style>

.wrap{
display:flex;
flex-wrap: wrap;
width:320px;
}
</style>

<div class="wrap">
<img src="https://placehold.jp/ff0000/00ffff/150x150.png?t …
<img src="https://placehold.jp/00ff00/ff00ff/150x150.png?t …
<img src="https://placehold.jp/0000ff/ffff00/150x150.png?t …
<img src="https://placehold.jp/00ffff/ff0000/150x150.png?t …