作为li项目放置的wordpress小部件中的文本使用相同的样式表现不同

Question

在这里直播链接 http://soloveich.com/pr6/

靠近左侧的小部件中的图像描述文本略微偏向左侧。当我改变屏幕宽度并且所有图像都在一条垂直线上时 - 它们的所有文本开始表现相同。检查出源代码。对于我所在的所有项目看起来都一样。

我确实在样式表中覆盖了widget

样式。虽然，它看起来并不像是它。将这种造型从css中移开后，它仍然以同样的方式移动。

我正在使用Modern Tribe的Image小部件。这些小部件都是ul。

还有一点代码。

<div class="mainlist">
            <ul>
                    <li><?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('1grid Widgets') ) : ?>
  <?php endif; ?></li>
</div>

还有更多的li，但代码几乎相同，除了小部件名称。

和css     .mainlist {     溢出：隐藏;     }

.mainlist ul {
list-style: none;
margin-left: -35px;
max-width: 1000px;
}

.mainlist ul li {
display: inline-block;
padding-bottom: 15px;
float: left;
}


.widget_sp_image-description p {
margin-top: -35px;
margin-left: 25px;
font-family: tahoma;
font-size: 13px;
color: #414040;
}

Answer 1

问题出在<ul>标记中，负边距为35px，如果重置边距，则所有<li>将具有相同的填充：

.mainlist ul { margin-left: 0; }