CSS:div 中元素的对齐

Question

开始使用 CSS 和 wordpress。我有一点编程背景，但对网页设计还比较陌生。

我正在尝试在 wordpress 中制作一个子主题，我想做一些简单的事情，比如编辑“title 元素，使其居中并位于 Logo 旁边。现在它把它放在自定义的 Logo 下面-标题部分。

我可以通过调整填充或使用相对定位来移动它，但使用绝对值感觉不对。我希望能够说“把它放在最后一个元素高度的一半并在它旁边”。我不完全理解如何在代码中表达这一点，更不用说如何通过覆盖 style.css 文件而不是追踪其定义的确切位置来做到这一点。

Answer 1

请检查共享jsfiddle

.a {
    text-align: center;
    width: 100%;
    float: left;
}

.a img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}

.a p {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    font-size: 30px;
    font-weight: bold;
}

<div class="a">
            <img src="http://php.quicoto.com/wp-content/uploads/2013/06/css3.jpg" height="100" width="133">
            <p> Title of the page </p>
        </div>

链接。我已经根据您的查询编写了一个 html。

这是你需要的吗？