我想知道是否可以在此示例中将第二行居中,将href保持为两行中的一个href,然后附加上标数字:

html - href的第二行相对于第一行居中并附加上标-LMLPHP

我想完成的是:

html - href的第二行相对于第一行居中并附加上标-LMLPHP

我尝试将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>

10-07 16:09
查看更多