获取同一行的文本HTML/CSS

如何将地址与“联系我：”放在同一行？我也希望他们之间有一个空间。我想用浮子，坚果，这不是太过分了吗

<p>Contact me on: 
<address> 
<a href="mailto:me@gmail.com"> 
me@gmail.com
</address>
</a>
</p>

通过以下方式与我联系：

---

提前感谢

更改您的html如下'

<address> 
<p>Contact me on: <a href="mailto:me@gmail.com"> 
me@gmail.com</a></p>
   </address>

不要**将

地址

标签放入

p

标签将

p

标签放入

地址

标签

---

更改您的html，如下所示：

<address> 
<p>Contact me on: <a href="mailto:me@gmail.com"> 
me@gmail.com</a></p>
   </address>

不要**将

地址

标签放入

p

标签将

p

标签放入

地址

标签

---

另一种简单的方法是将其格式化为如下表格：

<table>
<tr>
<td>Contact me on:</td>
<td><a href="mailto:me@gmail.com">me@gmail.com</a></td>
</tr>
</table>

联系我，电话：

---

否则，还有更复杂的选项，您可以在这里找到使用div元素进入布局：

另一种简单的方法是在如下表中格式化它：

<table>
<tr>
<td>Contact me on:</td>
<td><a href="mailto:me@gmail.com">me@gmail.com</a></td>
</tr>
</table>

联系我，电话：

---

否则，还有更复杂的选项，您可以在这里找到使用div元素的布局：

我不100%确定这是为什么，但浏览器不允许在p标记中使用地址标记

可以这样做，但需要删除p{width:100%}。 由于浏览器一个接一个地设置地址和p标记，因此p标记将占用100%的宽度，因此没有空间容纳地址

---

将样式更改为：p，address{display:inline block；}，它将很好地工作

我不完全确定这是为什么，但是浏览器不允许在p标记中使用地址标记

可以这样做，但需要删除p{width:100%}。 由于浏览器一个接一个地设置地址和p标记，因此p标记将占用100%的宽度，因此没有空间容纳地址

---

将样式更改为：p，地址{display:inline block；}它会很好的工作

只是不使用

应该是这个演示。只是不使用
应该是这个演示。当然，这个问题的全部目的是让他们在不移动
的情况下保持一致。联系我：
进入
+5移动
HTML
耶！XD问题不是移动HTML，而是理解为什么这个HTML部分不标准、不干净，这就是他遇到麻烦的原因。不能将address元素放在p元素中。此外，锚点在address元素中打开，之后关闭；但那是肮脏的。我知道你仍然像1999年那样制作网站。当然，这个问题的关键是让他们在同一条线上，而不移动
联系我：
进入
+5移动
HTML
耶！XD问题不是移动HTML，而是理解为什么这个HTML部分不标准、不干净，这就是他遇到麻烦的原因。不能将address元素放在p元素中。此外，锚点在address元素中打开，之后关闭；但那会很肮脏。我知道你仍然像1999年那样制作网站。@wf4抱歉，这有什么问题？这是一种非常好的显示信息的方式。@UèGreen先生问题是
如何将地址与“联系我：”放在同一行？
这是一个可行的选择。@Ruddy与Rohit给出的上述建议完全不可比。。我们可以这样做，但至少要考虑它是好还是好？用于表格信息，而不是用于布局目的。。。“已标记。@格林先生，我看没有问题。当我问一个问题时，我希望尽可能多的方法来解决这个问题，这样我就可以选择一个我理解并且与我的布局兼容的方法等@wf4对不起，这有什么问题吗？这是一种非常好的显示信息的方式。@UèGreen先生问题是
如何将地址与“联系我：”放在同一行？
这是一个可行的选择。@Ruddy与Rohit给出的上述建议完全不可比。。我们可以这样做，但至少要考虑它是好还是好？用于表格信息，而不是用于布局目的。。。“已标记。@格林先生，我看没有问题。当我问一个问题时，我想要尽可能多的方法来解决它，这样我就可以选择一个我理解并且与我的布局兼容的方法。