我试图在同一行上有一个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; }