如何在此框中添加更多文本？

Question

我有一個帶有文字的圓形框。 它將有一個下載按鈕。 我不知道如何在其中添加更多文本/鏈接，只有一個。

 p { font-size: 34px; } #rcorners1 { border-radius: 25px; background: #D3D3D3; padding: 20px; width: 300px; height: 345px; }

 <p style="font-size:67px;padding-right:13px;" id="rcorners1">Zinexium</p>

Answer 1

將項目包裝在 div 中有幫助嗎？

 p { font-size: 34px; } #rcorners1 { border-radius: 25px; background: #D3D3D3; padding: 20px; width: 300px; height: 345px; }

 <div id="rcorners1"> <p style="font-size:67px;padding-right:13px;">Zinexium</p> <p style="font-size:32px;padding-right:13px;">More text</p> </div>

Answer 2

將你想要的元素包裹在一個div的灰色框中，我添加了一個 class grey-box 。 除非必要，否則不要為框設置固定的寬度或高度，因為這可能會導致可能不希望出現的溢出。 如果您沒有設置固定的高度或寬度，灰色框將根據其中元素的大小而增大或縮小。

 p { font-size: 34px; }.grey-box{ padding: 20px; background: #D3D3D3; border-radius: 25px; }

 <div class="grey-box"> <p style="font-size:67px;padding-right:13px;">Zinexium</p> <a href="#">Link 1</a> </div>

Answer 3

只需增加框的高度和寬度，減少填充和字體大小。 然后你可以比以前增加字母的數量。