你如何強制文本換行並保持居中定位？

Question

如何獲得「立即購買」爲兩條不同的線並居中？

這裏是我的相關代碼：

.popover{ 
    position: absolute; 
    display: none; 
    color: white; 
    z-index: 1500; 
    text-align: center; 
    background-color: black; 
    font-family: impact; 
    text-decoration: none; 
    font-size: 50px; 
    opacity: .8; 
} 
.pb1{ 
    bottom: 10px; 
    width: 260px; 
    height: 238px; 
} 

<div class="popover pb1" ><br/>SHOP NOW</div> 

Answer 1

添加下面的樣式

.pb2{ 
    margin-top: 50px; 
} 

更改的內容是這樣的

<div class="popover pb1" > 
    <div class="pb2">SHOP<br /> NOW</div> 
</div>​ 

Answer 2

我想補充一個span標籤。檢查解決方案here。