html - 隐藏 text 、 textfield 和 button 之间的空白

Question

请访问link

在这里你可以看到如下图:

我想隐藏“Text1”、“Textfield”和“check”按钮之间的空白区域。

两条水平线之间也有空白。

我想在文本字段旁边显示“检查”按钮。

我尝试使用“position : relative ; right: 200px;”

但它影响了页面的其他部分。

.block-check-delivery .block-title strong {background-image:none; font-size: 11px;}
.block-check-delivery .block-content {padding:0 10px;  }
.block-check-delivery .button {float: right;}
.block-check-delivery input{width: 107px;}

我想这样显示:

enter image description here

Answer 1

按钮有一个 CSS 规则:

.block-check-delivery .button {
  float: right;
}

这就是造成麻烦的原因。去掉 float: right 规则就可以了。