我想知道是否可以在此示例中将第二行居中,将href保持为两行中的一个href,然后附加上标数字:
我想完成的是:
我尝试将display: block;
应用于href,但是上标部分跳到了新行。
码:
<p style="text-align: center; font-size: 13px; line-height: 15px;">
<strong><a href="http://example.com/">Firstname Lastname</a></strong>
<sup>1,3,5,18</sup></p>
---更新:
我想我错过了一个问题:姓氏应相对于名字居中,因此在此示例中它们的长度相同(我不好),但姓氏应相对于例如居中。 'verylongfirstname'。
最佳答案
也许这是您正在寻找的解决方案?
.test {
float: left;
margin-top: ;}
.numb {
float: left;
margin-top: 20px;}
<div class="test">
<a href="">
<p>veryverylongfirstname</p>
<p>lastname</p>
</a>
</div>
<div class="numb"><p>1,3,5,18</p></div>