如何從HTML/CSS中的句子中創建一個字符串？

Question

我想用HTML打印Hello MARK。如果我要使用<p>標籤爲這兩個字符串分配不同的樣式，那麼文本'MARK'將出現在下一行。我想顯示爲Hello MARK。那麼這個問題有什麼解決方案？ Thnaks提前。

Answer 1

嘗試display: inline;：

HTML：

<p>Hello</p> 
<p>MARK</p> 

CSS：

p { display: inline; } 

Fiddle.

display:inline表示該元素在同一行的當前塊內部以內聯方式顯示。

Answer 2

HTML：

<p>Hello <span class="capitalize">Mark</span></p> 

CSS：

.capitalize { 
    text-transform: uppercase; 
}