页眉与居中对齐段落的左侧对齐

Question

标题听起来确实很混乱，但是我画了一张图片试图解释：

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS9DUDVkZS5wbmcifQ==” alt =“绘制说明”>“>

我想将我的p标签对齐到中心，并在p标签上方，我希望h2标签在p上方但在其左侧对齐，我尝试使用填充，但在其他标签上无法正确缩放分辨率和宽高比的

到目前为止，我尝试过的是

p {
   text-align: center;
}

h2 {
    padding-left: 48%; /* it's what worked with 1440p but not on 1080p */
}
p和h2包含在div中>>
<div>
   <h2>Title</h2>
   <p>Text Content</p>
<div>
标题听起来确实很混乱，但是我画了一张图片试图解释：我想将我的p标签对准中心，并且在p标签之上，我希望h2标签在p之上，但要对准p的左边...

Answer 1

您可以使用float: right;将h2移到右侧。当使用浮点数时，还需要使用clear以避免高度崩溃。