CSS正确对齐标题图像？答案

【问题标题】：CSS to properly align header image?CSS正确对齐标题图像？
【发布时间】：2017-01-18 11:36:24
【问题描述】：

我需要在 http://test.wizs.com/ 的标题中对齐生活方式家具广告图片。我需要它与右侧齐平。看看它是如何垂直对齐到顶部的？我希望它与标志一致。

我尝试过的所有方法都不起作用。我尝试过的一些 css 使图像离开页面的一半......：/

目前，CSS 是：

#header .widget {
    left: 50%;  
    padding-top: 0;
    position: absolute;
    top: 0;
    z-index: 999;
}

对此的任何建议将不胜感激！ :)

【问题讨论】：

请提供显示问题的最小可重复标记。
@Scott - 你能解释一下你的意思吗？请原谅我的无知..我试图查找您所指的内容以便我可以回答，但仍然不清楚您在问什么...
您提供了 1 条简单的 CSS 规则。请提供与您的问题相关的所有 HTML 和 CSS。不要要求用户在您的网站上搜索特定代码。在此处发布代码。
@Scott - 如果我有其他代码，我会拥有。对不起。从我工作的地方和我目前所知道的情况来看，我只处理 wordpress 和我的主题。我正尝试着学习。我真的很想学习如何在这方面做得更好。你能给我一个很好的参考来尝试学习，以便我将来可以提供特定的代码吗？我是真诚的。

【解决方案1】：

不确定我是否完全理解您的意思。

我补充说：

.proadszone-4788 img {
   padding-top: 27px;
}

【讨论】：

我添加了您在上面发送的代码，但它没有做任何事情。我能够将广告设置为在广告插件中居中，并负责垂直对齐....所以我试图让广告右对齐，右填充与徽标的左填充相似对齐但有左填充
还是什么都没做
你在更新现场吗？
我解决了.. 我想。我将原始代码中的 left 值更改为 55% 并向右对齐。
感谢您的帮助！

【解决方案2】：

这应该可以正常工作

.wppas_custom_widgets-36 {
  position: absolute;
  right: 0px;
}

并删除此 css

#header .widget {
}

试试这个可能会有帮助

【讨论】：