2열 글쓰기 방법 🎲

오늘도 소소한 글쓰기 팁을 소개합니다

때로 문장이 길면 읽기가 어렵습니다 눈이 좌우로 움직여 줘야 하고 다음 행이 맞는지도

잘 알기 힘들 때가 있죠 이렇게 열을 나눠쓰면 좀 더 보기가 편할 수 있습니다 사실 크게 유용하진 않을 수 있는데요 그래도 알아두면 혹시 쓸 일이 있을지 모르겠죠? 😀

역시 방법은 간단합니다 이 명령어만 복사해서 사용하세요

<div class=pull-left>
여기에 첫 번째 열 글을 쓰세요 
</div>
<div class=pull-right>
여기에 두 번째 열 글을 쓰세요 단, 마크다운 스타일링은 잘 적용이 안된다는 점은 알아두세요
</div>

열 안에서 행을 띄우고 싶을 때는 문장 뒤에 <br><br> 을 넣어주면 됩니다 이런 식으로요

Screen Shot 2017-12-30 at 2.10.04 PM .png

여기서 좌,우 글양을 비슷하게 맞춰줘야지 안 그럼 아래 단락 글 쓸 때 2열 중에서 빈 공간으로 글이 들어가 버려요 그런데 좌, 우 글양 맞추기가 쉽지가 않습니다 이럴 때는 (아래 이미지 참조) 아래에 한 칸 띄우고 라인 분리(가로줄 ---) 추가하면 해결됩니다

또한 이 명령어는 위와 같이 이미지 2열 배치로도 활용할 수 있어요 단 이미지 추가할 때는 주의할 점이 있는데요 이것은 이미지 옆에 글쓰는 방법ㅣfloating images 에서 자세히 설명해 뒀습니다

주말이네요 잘 보내시고 저는 다음 Tip으로 돌아오겠습니다 🤖

이전 [Tip] 포스팅은 여기에

[Tip] 스팀잇 2열 글쓰기 방법 (2 Column Writing)