code

bootstrap5.css

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

bootstrap5.css

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-break: break-word;
}

bootstrap5.css

a > code {
  color: inherit;
}

bootstrap5.css

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}


    <p>サンプルテキスト</p>
    <p>2行目のサンプルテキスト</p>

  <pre><code>
    <p>サンプルテキスト</p>
    <p>2行目のサンプルテキスト</p>
  </code></pre>

インラインのコード表示部分を<code>タグで囲みます。

  <div>
    インラインのコード表示部分を<code><code></code>タグで囲みます。
  </div>