文本，文本域和文本之间保持相同的差距按键

Question

访问link1

搜索＆＃34;检查＆＃34;使用CTRL + F，你可以看到：

我希望将其显示为link2

我需要进行以下4次更改。

1）我想改变字体大小＆amp; font-family of＆＃34;检查＆＃34;的可用性文本。

2）文本，文本域和文本之间的差距按钮应该相同。

3）当我们在文本字段中输入数字时，它应该在链接2中开始显示位空间

4）隐藏下方和上方之间的空隙。

.shipping-estimation-form {float: left;margin: 0 auto;padding: 0;width: 50%;}
.check_delivery .actions {float: left;width: 25%;}
.check_delivery .f-right {margin-left: 0 !important;}
.check_delivery .f-right, .right {float: left !important;}
.check_delivery .button > span {background: #565656 none repeat scroll 0 0; width: 100% !important;}
.check_delivery .button span {padding: 3px;text-transform: capitalize !important;}
.check_delivery .item.last.odd { padding: 0;}
.check_delivery .block-subtitle {float: left;margin-top: 10px;padding-left: 10px;  width: 21%; font-size:12px; position:relative;left:50px;}
.check_delivery #estimate_postcode {margin: 0 auto !important;padding: 0 !important;width: 50% !important; position:relative; left:100px;}
.check_delivery .search {margin: 0 auto !important; width: 100%;}

.check1 {
    float: left;
    text-align: center;
    width: 90%;
    font-size: 17px;
}

.ikon {
    position: relative;
    top:50px;
}

Answer 1

.check_delivery .block-subtitle {
float: left;
margin-top: 10px;
padding-left: 10px;
width: 21%;
font-size: 12px; // change size
position: relative;
left: 50px;
font-family: fantasy or (any font family);
}

.check_delivery #estimate_postcode {
margin: 0 auto !important;
padding: 0 !important;
width: 50% !important;
position: relative;
left: 60px; // change it
}

关于检查按钮，它未正确显示。将其设为提交按钮并应用保证金

Answer 2

如果您希望阻止对文本做出反应，请尝试使用＆＃34; display：inline-block＆＃34;。
要设置单词之间的距离（如果它们是内联块，则设置块），尝试使用＆＃34;单词间距：10px＆＃34;

Answer 3

请替换以下css

.check_delivery .block-subtitle {
  display: inline-block;
  float: left;
  font-family: Museo,Helvetica,arial,san-serif;
  font-size: 15px;
  margin-top: 6px;
  padding-left: 60px;
  width: 27%;
}

.shipping-estimation-form {
  float: left;
  margin: 0 auto;
  padding: 0;
  width: 30%;
}

.check_delivery #estimate_postcode {
  float: left;
  margin-bottom: 0 !important;
  margin-left: 10px !important;
  margin-right: 10px;
  margin-top: 0 !important;
  padding: 0 0 0 10px !important;
  width: 70% !important;
}