중앙에 정렬

사진과 같이 좌측으로 쏠려 있는것을 아래와 같이 가운데 넣고 싶은데 무슨코드를

추가해야 하는지 고수님들 부탁 드립니다.

그리고 가능하면 이렇게 2개씩 넣고 싶거든요.

고수님들 부탁 드립니다.

아래는 적용한 코드입니다.

<div class="col-3 col-12-medium">
             <div class="sidebar">
                                                   
              <!-- Archives -->
               <ul class="divided">
               <div class="like-icons text-center"> 
                <li>
                 <article class="box post-summary">
                  <a class="accordion-section-title" href="http://m.its.go.kr/mltm/map"><img src="images/a1.jpg" alt=" " /><div class="clearfix"></div>
                  </a>
                  <h3><a href="#">전국도로교통지도</a></h3>
                  
                 </article>
                </li>
                <li>
                 <article class="box post-summary">
                  <a class="accordion-section-title" href="http://m.its.go.kr/mltm/cctv"><img src="images/a2.jpg" alt=" " /><div class="clearfix"></div>
                  </a>
                  <h3><a href="#">고속도로 및 국도CCTV</a></h3>
                 </article>
                </li>
                <li>
                 <article class="box post-summary">
                  <a class="accordion-section-title" href="http://m.its.go.kr/mltm/quick"><img src="images/a3.jpg" alt=" " /><div class="clearfix"></div>
                  </a>
                  <h3><a href="#">도로공사 및 사고정보</a></h3>
                 </article>
                </li>
                <li>
                 <article class="box post-summary">
                  <a class="accordion-section-title" href="https://accident.knia.or.kr/"><img src="images/a4.jpg" alt=" " /><div class="clearfix"></div>
                  </a>
                  <h3><a href="#">나의 과실비율 검색</a></h3>
                 </article>
                </li>
                <li>
                 <article class="box post-summary">
                  <a class="accordion-section-title" href="https://m.map.kakao.com/"><img src="images/a5.jpg" alt=" " /><div class="clearfix"></div>
                  </a>
                  <h3><a href="#">카카오 맵</a></h3>
                 </article>
                 <li>
                  <article class="box post-summary">
                   <a class="accordion-section-title" href="https://m.map.naver.com/"><img src="images/a6.jpg" alt=" " /><div class="clearfix"></div>
                   </a>
                   <h3><a href="#">네이버 맵</a></h3>
                  </article>
                 </li>
                </li>
               </ul>
              </div>