html - 使用 CSS 连接 "div"和 "p"

Question

我想将“p”中的文本放入“div”的中心。我的 html 是这样的:

<div class="picture">  
   <img src="/sites/default/files/default_images/colorful-triangles-background_yB0qTG6.jpg" width="1080" height="1920" alt="background to view" typeof="foaf:Image">
</div>
<p class="textik"">Hello handsome.</p>

但我不能更改 html 标签。我只能使用 CSS。有没有办法做到这一点？我尝试了一些方法，但似乎都不起作用。

Answer 1

在不更改 HTML 的情况下执行此操作的唯一方法是像这样人为地将 p 标记对齐到 div 标记之上。

p.textik {
    margin-top: -5px;
}

根据需要进行调整，并针对移动设备进行测试。

如果您不希望下面的元素也向上移动，您可以使用 padding-bottom 来防止这种情况发生。

p.textik {
    padding-bottom: 5px;
}