simon jang 

Perhaps you can provide a sample of the text in the source MD file where this happens?  It's impossible to answer this question if you don't show us the source as don't know how it might have got there!

simon jang 

ok - I think I took the content you meant to share.  It would be helpful if you removed all the stuff that comes from whatever translation tool you are using to translate into English with... or just post in Korean.  You don't have to post in English.

It's also more helpful if you use the "Insert" menu and "insert -> code" to share your sample.  I edited the post above so you can see the difference.  It's much more clear and easier for us to understand.

Anyway... I can reproduce this problem and more in 2022 as well.  If I do this in Studio:

I have this as target:

{{\< alert icon=">" context="note" >}} `em` 단위는 요소의 `font-size` 에 상대적입니다. 자세한 정보는 [W3S CSS units documentation](www.w3schools.com/.../css_units.asp) [[[](www.w3schools.com/.../css_units.asp)](www.w3schools.com/.../css_units.asp)](www.w3schools.com/.../css_units.asp)를 참조하세요. {{\< /alert >}}

 를 동적으로 조정하려면 `font-size`, 다음과 같이 CSS 변수를 생성해야 합니다.

So I'm reproducing your problem and also see a duplication of the url.  I'll log this with support and come back to you when I get some feedback on it.

simon jang 

In the meantime I had an idea and used ChatGPT to help with this.  The result was interesting.

=====================

It seems like the code you've posted utilizes a type of syntax specific to the Hugo static site generator, which uses "shortcodes" for additional functionality. Shortcodes, like `{{< alert icon=">" context="note" >}}` and `{{< /alert >}}`, don't play well with regular Markdown files because they are not standard Markdown syntax.

If you are using Hugo, this would be fine, but if you're trying to add this to a standard Markdown file, you'll need to adjust the format. Here's how you can handle it:

```markdown
> **Note:** `em` units are relative to the `font-size` of the element. For further information, refer to the [W3S CSS units documentation](www.w3schools.com/.../css_units.asp).

To dynamically adjust the `font-size`, you must create a CSS variable:
```

In this version, I used the `>` character to create a blockquote, which is a common way to highlight important notes in Markdown. Additionally, I used `**` to make the word "Note:" bold. Lastly, please note that I added `https://` in front of the link to make it a clickable URL.

Also, please remember to replace the "..." in your URL with the actual link.

As for the CSS variable creation, you would continue to write it in code blocks, like so:

```markdown
Here is an example of creating a CSS variable:

```css
:root {
--main-font-size: 16px;
}
```
```

Make sure you replace `:root { --main-font-size: 16px; }` with the actual CSS code.

=====================

Can you confirm that you are using a tool like Hugo for example, or at least working with a tool that doesn't use standard Markdown syntax?

I believe we only support this: https://spec.commonmark.org/0.30/

Tagging Patrik Mazanek for confirmation.