中心第二行href相对于第一行并附加上标

Question

我想知道在这个例子中是否可以将第二行居中，将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>

---更新： 我想我错过了一些问题：姓氏应该相对于名字居中，所以在这个例子中他们有相同的长度（我的坏），但姓氏应该相对于例如居中。 ＆＃39; verylongfirstname＆＃39;

Answer 1

也许这就是解决方案你在寻找什么？

＆＃13;

＆＃13;

.test {
float: left;
margin-top: ;}

.numb {
float: left;
margin-top: 20px;}

＆＃13;

<div class="test">
<a href="">
  <p>veryverylongfirstname</p>
  <p>lastname</p>
</a>
	</div>
<div class="numb"><p>1,3,5,18</p></div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

检查一下： jsfiddle

您需要删除

text-align: center;

Answer 3

这对你有用吗？？

https://jsfiddle.net/b9sLLqk6/

<p style="text-align: center; font-size: 13px; line-height: 15px;">
  <a href="http://example.com/">
  <span style="display:block">VeryLongFirstName</span>  
  <span style="display:block">Lastname 
     <sup style="position: absolute;">1,3,5,18</sup>
  </span>
  </a>
</p>