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

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

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

@H_502_4@<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:

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

CSS:

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

猜你在找的HTML相关文章