「SHOP NOW」を 2 つの異なる行にして中央に配置するにはどうすればよいですか?
これが私の関連コードです:
.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>