我有一個簡單的HTML代碼片段，如下所示:

<p align= "left"> <FONT size=3><STRONG> Asset: &nbsp;    </STRONG></FONT><STRONG><FONT color="blue" size=2> something something here  </FONT></STRONG><br> </p>

最好使用css:

<p style="text-align:center; font-size:14px;"><strong> Asset: &nbsp;</strong><strong  style="color:blue;">something something here</strong><br></p>

使用HTML元素和類是更好的選擇，盡管我承認有些看起來過于復雜。

對于我的回答，首先我給段落上課。在里面，我將文本靠左對齊，并將所有內容加粗。

接下來，默認情況下，跨度是內聯的(這意味著它們與文本內聯顯示，但是您無法控制間距)。您也可以使用div。因此，在段落標記中的每個span，我都設置為inline block，這樣我就可以控制它周圍的間距，同時保持文本內聯。

接下來，內容的每個部分都被包裝在自己的范圍內。

因為之前我已經將所有內容設置為粗體，所以我只給標題span的右邊留一個空白來隔開它并改變字體大小。

接下來，我將剩下的內容包裝在另一個span中，并將顏色更改為藍色(十六進制為#紅綠藍),還更改了字體大小。

.updated{
  text-align:left;
  font-weight:bold;
}

.updated span{
  display:inline-block;
}

.updated .title{
  margin-right:5px;
  font-size:18px;
}

.updated .content{
  color:#0000FF;  
  font-size:13px;
}

Originial: <p align= "left"> <FONT size=3><STRONG> Asset: &nbsp;    </STRONG></FONT><STRONG><FONT color="blue" size=2> something something here  </FONT></STRONG><br> </p>

Updated:
<p class="updated">
  <span class="title">Asset:</span>
  <span class="content">something something here</span>
</p>