我是Fomantic(和一般的webdev)的新手，我正在嘗試制作一個網站，它的右側有一個帶帶狀標簽的卡片，就像他們在文檔中使用的片段一樣。然而，當我模仿例子中的代碼，但是用一張卡片而不是一段代碼時，它不能正確顯示，并且完全破壞了卡片塊。其它無色帶卡顯示正常。

這是我現在想要的卡片，我想有一個絲帶:

<a class="ui large fluid card" href="blahblah">

<a class="ui right red ribbon label">Most coolest project</a>
                    <div class="content">
                        <div class="header">RL Stick-Shift Sim </div>
                        <div class="meta">
                            <span class="category">Summer 2023</span>
                        </div>
                        <div class="description">
                            <p>Project description blah blah.</p>
                        </div>
                    </div>
                    <div class="extra content">
                        <div class="right floated author" >
                            <img class="ui avatar image" src="/images/github-pfp.jpg" alt="GitHub profile picture"> myGithub (GitHub)
                        </div>
                    </div>
                </a>

有人知道我該如何解決這個問題嗎？我不知道出了什么問題。

您正在嘗試對卡片使用帶狀標簽。嘗試用作段