如何在HTML的段落末尾（三行）中加星號

Question

我想在一場比賽結束時做一個明星，但我無法獲得適當的結果。

HTML代碼：

 .A { display: flex; } .First-Para { font-size: 40px; } 

 <div class="A"> <div class="First-Para"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse, natus </div> <div>*</div> </div> 

Answer 1

我認為您需要為star div提供絕對值，如下所示。

 <div class="A">
      <div class="First-Para">
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse, natus
      </div>
      <div class="star-class">*</div>
    </div>   


 .A {
      display: flex;
    }

    .First-Para {
      font-size: 40px;
    }

    .star-class{
    position:absolute;
    }

Answer 2

用這個

<div class="A">
<div class="First-Para">
 <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse, natus <b style="color: red">*</b></p>
</div>

</div> 

Answer 3

嘗試這個：-

使用vertical-align:sub; 屬性設置* baseline文本。

 .A{ display:flex; } .First-Para { font-size:40px; } 

 <div class="A"> <div class="First-Para"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse, natus <span class="First-Para" style="vertical-align:sub;">*</span> </div> </div> 

Answer 4

使用span並將其放入First-Para

 .First-Para { font-size:40px; } 

 <div class="A"> <div class="First-Para"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse, natus<span>*</span> </div> </div> 

Answer 5

您總是可以嘗試使用諸如：after這樣的偽元素添加星號。

 .First-Para { font-size:40px; } .First-Para:after { content: "*"; margin-left: -10px; } 

 <div class="A"> <div class="First-Para"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse, natus </div> </div> 

Answer 6

您可以嘗試HTML的上標和星 標 unicode

Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse, natus <sup>&starf;</sup>

它看起來像這樣

Lorem ipsum dolor坐着，自學成才。 埃瑟·納圖斯^★

Answer 7

改變你的CSS

 .A{ font-size:40px; display:flex; } .First-Para { float: right; }