HTML/CSSの "コード"セクションを表示する適切な方法は？

Question

「最良の方法」はありますか？そのようなものは、コードの部分を挿入するように見えるのですか？

たとえば、投稿に「コード」セクションを表示する方法は？

私はブートストラップに "ウェルズ"があることを知っていますが、それを使用していないときは、機能的に見える特別な方法がありますか？

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>