워드프레스 이미지 2개 나란히

워드프레스에 이미지 2개 나란히 올리는 법

이미지 태그 2개를 div로 감싸고 div 의 display를 flex로 설정하면 됩니다.

 

<!-- 이미지 두 개를 flex로 나란히 정렬 -->

<div class="font-grandiflora" style="display: flex; justify-content: center; margin: 20px 0;">
  <img src="img.1-300x300.jpg" 
       alt="" width="300" height="300" class="wp-image-104 size-medium aligncenter" />
  <img src="img.2-300x300.jpg" 
       alt="" width="300" height="300" class="wp-image-105 size-medium aligncenter" />
</div>