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 Cod 我试图在同一行上有一个H1标题和常规文本,其中有一行,就像这样：

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

<div > <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; }

总结

以上是内存溢出为你收集整理的html – 将H1标题和正常文本对齐在同一行全部内容，希望文章能够帮你解决html – 将H1标题和正常文本对齐在同一行所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。