원문 : https://steemit.com/steemit/@steemitguide/how-to-insert-2-columns-and-edit-text-style-with-equivalent-html-tags-using-steemit-s-raw-markdown-editor
그래서 이번 글에서는 제가 어떻게 여러 세로단을 나누는지 그 방법을 소개하겠습니다.
이 방법은 세로단을 2개로 나누게 해주는데요. 이런 방식은 뉴스나 매거진에서 흔하게 접할 수 있는 형식이죠. 2개의 세로단을 활용하는 것은 읽는 독자들이 더 편하게 읽도록 도와줄 뿐만 아니라 페이지 공간의 여백을 적절하게 활용하여서 효율적인 측면도 있습니다.
예시
2개 세로단
그냥 간단하게 밑에 있는 코드를 여러분의 Raw Editor에 복붙하셔서 그냥 내용만 바꾸시면 돼요.
<div class=pull-left>
이게 첫번째 단락이에요. 여기에다가 여러분이 쓰고 싶은 말을 쓰세요.
</div>
<div class=pull-right>
이게 두번째 단락이구요. 어떤 특정 마크다운 스타일링에서는 적용되지 않을 수도 있어요.
</div>
먼저 마크다운 코드인
세로단 편집 스타일
첫번째 예시에서, Raw Editor을 활용해서 어떻게 세로단을 넣는지를 배웠는데요. 자, 이제 단락을 포함시키거나 폰트 스타일을 바꾸기를 원할 때 세로단을 어떻게 편집하는지에 대해서 배울 차례입니다.
bold 나 Italic로 텍스트를 바꾸려고 한다면, Markdown Code가 기능을 하지 않는데요. 이것을 우회하기 위해 텍스트를 스타일링하고 편집하기 위한 HTML tags를 사용할 수 있습니다.
여기 문단 나누기, Bold, Italic 를 위한 HTML tag가 있습니다.
<b> for bold
<em> for italic
<br><br> for Paragraph Break (다음 문장은 여백으로 남겨두세요)
세로단을 구성하기 위해 Markdown code를 사용할 때 마크다운 스타일링이 제대로 작동하지 않을 수 있으므로 그와 동등한 HTML tags로 대체할 수 있습니다. e.g. <b> for bold, <em> for italic, 페이지 구분을 원한다면, use <br><br>
Here are some other Guides you might find Interesting
Align Text, Images, Videos & GIF's to the Center of Post using Markdown Raw Editor
Doesn't this go well with the SteemVerify Logo? Anyways, if you spot an error in any of my Guides please feel free to correct me and also if there is anything you would like to see a Guide on, let me know! Dedicated young Steemian interested in getting Vested. Will write another tip on Markdown Codes Soon, Follow me for more!
이런 유용한 정보 감사합니다!! 제 다음 포스팅은 세로단 나눠서 해봐야겠어용 ㅎㅎ
네 꼭 해보세요! 저도 그렇게 해보려구요. 더 깔끔하고 예뻐보여요.
감사합니다 ㅎㅎ
아까 번역글 쓰다보니 사진을 오른쪽에 놓는법을 몰라서 겨우 찾았는데 여기 있었네요 ㅎㅎ..
허허 세로단 편집이 가능하군요! 좋은 정보입니다 :) 감사해요!
You're welcome ~:)
정보 감사합니다ㅎㅎ 처음알아가네요
호오 이런 정보가! 잘 쓰겠습니다.
감사합니다 ~
핡! 꿀팁!
이런 유용한 정보 @slay님 덕분에 스팀포스팅의 퀄리티가 높아질것같습니다.언제나 좋은 포스팅 감사합니다^^
칭찬해주시니 감사하네요! jul06님의 글이 더 질적으로 좋은 것 같습니다. ^^
유용한 정보감사합니다~~ 이런부분 어려움이있었는데
배우고가네요~