html - 无法使 div 具有一定的宽度。有些东西覆盖了样式

Question

我需要的样式甚至没有出现在源代码中。我试图让 .widgettext 更窄。到目前为止没有运气。我知道 url 在这里并不是很受欢迎，但我无法将整个主题复制到 fiddle 中。很明显有什么东西覆盖了样式，我不知道是什么。

这是直播链接 http://soloveich.com/packaging/

提前致谢!

<div id="infocontainer">

<div class="infowidgets">
  <div class="widgettext">
 #widget
    </div></div>

<div class="infowidgets">
  <div class="widgettext">
  </div></div>

</div>

和CSS

#infocontainer {
width:100%;
min-height: 200px;
background-color: #222222 !important;
z-index: 999999;
}

.infowidgets {
width:50%;
margin-top: 30px !important;
display: inline-block;
float:left;
margin:0;
text-align: center;
color: white;
}


.widgettext {
width: 30%;
margin: 0 auto;
}  

Answer 1

您的 HTML 或 CSS 中有错字，我假设是 HTML。

您的 HTML 具有 wigettext 类，您的 CSS 具有 widgettext

这就是为什么您分配的所有样式都没有应用的原因。