Question

CSS和wordpress入门。我有一些编程背景，但对于网页设计来说相对较新。

我试图在wordpress中创建一个子主题，并且我想做一些简单的事情，比如编辑＆＃34; title元素，使它居中并位于徽标旁边。现在它将它放在自定义标题div中的徽标下方。

我可以通过调整填充或使用相对定位来移动它，但是使用绝对值感觉不对。我希望能够说出＃34;把它放在最后一个元素的一半高度旁边并且＃34;。我并不完全理解如何在代码中说出来，更不用说如何通过覆盖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。

这是你需要的吗？

CSS：div中项目的对齐方式

1 个答案: