작성일자
카테고리 CSS/CSS2.1
블로그에 작은 사진이나 세로가 긴 사진을 넣게 되면 양쪽 공간으로 인해 보기 안좋습니다. 이를 보완하기 위해 사진아래 글을 작성한다음 사진을 클릭하면 다음과 같은 작은 대화상자가 나옵니다.

 

1을 클릭하면 사진이 좌측으로 가고 2는 우측으로 갑니다. 하지만 사진과 글이 너무 붙어있어서 수정해야합니다. 3을 클릭하면 html코드를 수정하는 화면으로 갑니다.

 
코드가 아주 복잡합니다. IMG라는 태그를 찾아서 style=" 다음에 margin-right:10px;을 삽입합니다. 이미지의 오른쪽에 공간을 10픽셀 준다는 의미입니다. 사진이 우측에 있고 글이 좌측에 있다면 right를 left로 바꾸면 됩니다. 
저작자 표시
신고

티스토리 툴바