테스트_(비교)

확인 결과, 개행이 적용되지 않았다. 나무위키에서 그대로 가져왔으나 내용을 확인하면 차이가 존재한다.

무슨 이유인지 모르겠지만, <pre> 태그가 제대로 동작하지 않음을 확인하였다.

Space와 같은 공백 문자는 적용이 되지만, Line Feed와 같은 개행은 적용이 되지 않는다.

{{{#!html

<div style="border:solid gray; border-width:.1em .1em .1em .8em; padding:.2em .6em; white-space: pre-line;">

fn main() {

println!("Hello, world!");

}

</div>

}}}

<pre> 태그가 제대로 동작하지 않는 것을 보고 <div> 태그만 남긴 채,

속성으로 style="white-space: pre-line;"을 이용해 보았다. 결과는 속성이 적용되지 않는다.

더불어 <pre> 태그를 지우니 배경의 회색이 사라지는 것을 확인할 수 있었다.

{{{#!html

<div style="border:solid gray; border-width:.1em .1em .1em .8em; padding:.2em .6em;">

<pre><span style="color: #008800; font-weight: bold">fn</span> main() {<br>

println<span style="color: #333333">!</span>(<span style="background-color: #FFF0F0">Hello, world!</span>);<br>

}</pre>

</div>

}}}

일단은 급한대로 <br> 태그를 넣어 개행하는 방식으로 처리하였다.

<pre> 태그 그리고 "white-space: pre-line;" 속성이 왜 적용되지 않는지는 나중에 알아보도록 하자.