html – 将H1标题和正常文本对齐在同一行

前端之家收集整理的这篇文章主要介绍了html – 将H1标题和正常文本对齐在同一行前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图在同一行上有一个H1标题和常规文本,其中有一行,就像这样:

我已经尝试了这个,但是一直没有成功

<div style="border-bottom:1px;"> 
<div align="left"><h1>Header</h1></div>
<div align="right">Regular Text Goes Here</div>
</div>

我究竟做错了什么?

解决方法

this CodePen.

这个想法是使< h1>内联,允许第二个文本在同一行.

HTML:

<header>
  <h1>Text</h1>
  <span>text2</span>
</header>

CSS:

header { border-bottom: 1px solid #000; }
header > h1 { display: inline-block; }
header span { margin-left: 100px; }
原文链接:https://www.f2er.com/html/230802.html

猜你在找的HTML相关文章