我可以使用 HTML 在 Markdown 中围绕文本创建一个框吗？

Question

我正在使用 Markdown 写作，我想将一些文本放入一个框中。由于 Markdown 支持大部分 HTML（例如我使用 <mark>keywords</mark> 来突出关键字），我先尝试以下但没有任何反应。

<div class="boxed">
this is the text.
</div>

我知道还有其他方法可以在 Markdown 中突出显示文本，但是有没有一种简单的方法可以实际创建一个方框文本？

Answer 1

好的，让我们现在开始

首先使用

<div class="boxed">
this is the text.
</div>

一个人是不行的

使用此代码

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Page Title</title>
    <style>
      /* The . with the boxed represents that it is a class */
      .boxed {
        background: lightgrey;
        color: black;
        border: 3px solid black;
        margin: 0px auto;
        width: 456px;
        padding: 10px;
        border-radius: 10px;
      }
    </style>
  </head>
  <body>
    <div class="boxed">
      Lorem, ipsum dolor sit amet consectetur adipisicing elit. Rem quos esse
      at. Eaque porro vel soluta vero labore. Eius possimus ipsum deleniti
      perferendis quas perspiciatis reprehenderit adipisci fuga rerum velit.
      Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sed minus
      voluptatem consequatur fugiat excepturi reiciendis nulla! Modi dignissimos
      molestiae perspiciatis commodi! Autem, deleniti neque aperiam excepturi
      sunt corrupti ipsam voluptatum!
    </div>
  </body>
</html>

希望对您有所帮助。

我可以使用 HTML 在 Markdown 中围绕文本创建一个框吗？

Can I create a box around text in Markdown using HTML?

html

markdown

text

box