이미지 이미지 사이 간격

안녕하세요 이미지와 이미지사이에 간격을 없애고 싶은데 없앨수 있는 소스 있나요?

아래 적용 소스 입니다.

        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <style>
             @media (max-width: 100px) {
                .a1 { display:block;}
                .a2 { display:block;}
                .a3 {display:block;}
        .a4 {display:block;}
        .a5 {display:block;}
        .a6 {display:block;}
              }

       .a1 { width:190px; height:187px; background-color:#ffffff; border:0px dotted1 black; display:inline-block;}
       .a2 { width:190px; height:187px; background-color:#ffffff; border:0px dotted1 black; display:inline-block;}
       .a3 { width:190px; height:187px; background-color:#ffffff; border:0px dotted1 black; display:inline-block;}
       .a4 { width:190px; height:187px; background-color:#ffffff; border:0px dotted1 black; display:inline-block;}
       .a5 { width:190px; height:187px; background-color:#ffffff; border:0px dotted1 black; display:inline-block;}
       .a6 { width:190px; height:187px; background-color:#ffffff; border:0px dotted1 black; display:inline-block;}
        </style>
    </head>

<body>
<center>
<div class="a1"> <img align="left" src="/theme/purewhite/img/a1.jpg"></div>
<div class="a2"> <a href="http://www.sejungsystem.com/bbs/content.php?co_id=aaa"><img align="left" src="/theme/purewhite/img/a2.jpg"></div>
<div class="a3"> <a href="http://www.sejungsystem.com/bbs/content.php?co_id=sejungsystem"><img align="left" src="/theme/purewhite/img/a3.jpg"></div>
<div class="a4"> <a href="http://www.epost114.co.kr/ab-4154403"><img align="left" src="/theme/purewhite/img/a4.jpg"></div>
<div class="a5"> <a href="http://www.sejungsystem.com/bbs/content.php?co_id=map"><img align="left" src="/theme/purewhite/img/a5.jpg"></div>
<div class="a6"> <a href="http://www.sejungsystem.com/bbs/content.php?co_id=cs"><img align="left" src="/theme/purewhite/img/a6.jpg"></div>
</center>
</body>

고수님들 도와주세요 ㅠㅠ