我不确定这里的问题是什么,但是在这个元素内部,左边有一些死区,对我所做的任何事情都没有反应。我想将元素内的文本居中(并且它是居中的,只有左侧有一些空白空间似乎没有被考虑在内)。这是一张图片:
您可以看到左侧的填充比右侧的填充大得多。我试图手动设置padding-left
,但没有奏效。
这是页面中的元素(我正在使用rails):
<div class="holder round clear eval_body">
...
<div class="box center">
Before continuing to the next student,
<br />please take a moment to review the scores for <%= @student.name %>.
<br />
<span class='strong'>
Once you have submitted them, they cannot be changed!
</span>
</div>
...
</div>
和box
元素
.box {
position: relative;
bottom: 3px;
left: 10em;
width: 50%;
height: 8%;
background: #B05C37;
border: 3px solid #902D00;
color: #fff;
}