要让 <p>
和 <h3>
标签在相同的高度开始,可以使用 CSS 来实现。以下是一种常见的方法:
<p>
和 <h3>
标签都位于相同的父元素内,例如一个 <div>
容器。display: flex;
属性将父元素设置为弹性容器,这样子元素可以在同一行或同一列中对齐。align-items: baseline;
属性将子元素在父元素的基线对齐,这样 <p>
和 <h3>
标签的基线就会对齐,从而使它们在相同的高度开始。以下是一个示例代码:
<div style="display: flex; align-items: baseline;">
<p>Lorem ipsum dolor sit amet.</p>
<h3>Heading</h3>
</div>
这样,<p>
和 <h3>
标签就会在相同的高度开始对齐了。
请注意,这只是一种方法,具体的实现方式可能因具体的页面结构和样式需求而有所不同。
领取专属 10元无门槛券
手把手带您无忧上云