HTML/CSS의 "코드"섹션을 올바르게 표시하는 방법은 무엇입니까?

Question

"최선의 방법"이 있습니까? 그런 종류의 코드가 삽입 부분을 보이게합니까?

예를 들어 게시물에 SO 코드 섹션을 어떻게 표시합니까?

부트 스트랩에는 "Wells"가 있지만 사용하지 않을 때는 특별한 기능이있는 것처럼 보입니까?

Answer 1

그런 종류의 태그에는 pre 또는 code 태그를 사용할 수 있습니다.

code { 
 
    background: rgba(0,0,0,.2) 
 
} 
 

 
pre { 
 
    white-space: pre-wrap; 
 
    background: rgba(0,0,0,.2) 
 
}

The <code>&lt;code&gt;</code> tag. 
 

 
<pre> 
 
Here's a &lt;pre&gt; tag. some more text some more text some more text some more text some more text some more text some more text some more text some more text some more text some more text some more text some more text some more text some more text some more text some more text some more text some more text some more text some more text some more text some more text some more text some more text some more text 
 
</pre>