テキスト

`<pre>` 書いたとおりに表示する

重要度4 / 5

意味

空白や改行を、書いたとおりに表示する場合に使います。複数行のコードを見せるときは、中に <code> を入れます。< などの記号は、< のように書き換えます。

HTML

<pre><code>.button {
  padding: 8px 16px;
}</code></pre>

プレビュー（初期表示）

出典: MDN Web Docs（`@mdn/browser-compat-data`）