Html 如何在一行中对齐文本框

我想知道如何将同一行中的三个文本框对齐。下面是一些示例代码，如果您可以修改它来帮助我，那将非常棒

.row{
显示：内联块；
列表样式：无；
文本对齐：居中；
左侧填充：300px；
右侧填充：300px；
利润率：20px；
垫底：10px；
}
.第h1行{
字体大小：35px；
边框：2倍纯白；
}
.第h1 a行{
颜色：继承；
文字装饰：无；
}
.第p排{
字体大小：15px；
右边框：2倍纯白；
左边框：2倍纯白；
底部边框：2件纯白；
垫底：10px；
字体大小：粗体；
}
.第h2行{
字体大小：25px；
颜色：白色；
右边框：2倍纯白；
左边框：2倍纯白；
垫底：10px；
}
.第h1行：悬停{
颜色：#3b3b；
背景色：白色；
}

服务
30美元起价
我们为任何网站创建全新的设计。我们可以与您合作，创造您的准确愿景，或者我们甚至可以发挥自己的创造力，创造出独特而辉煌的东西。无论哪种方式，我们都知道您会对成品感到满意
产品

50美元起价
如果您的网站需要一个简单甚至复杂的后端，我们将在这里开发它，并使您的网站按其需要的方式运行

20美元起价
如果您需要定制服务，无论大小，请随时与我们联系

添加此CSS

.col-xs-4 {
    float: left;
    width: 33.33%;
}

否则添加引导css

只需添加引导

注意：全屏查看结果

.row{
显示：内联块；
列表样式：无；
文本对齐：居中；
左侧填充：300px；
右侧填充：300px；
利润率：20px；
垫底：10px；
}
.第h1行{
字体大小：35px；
边框：2倍纯白；
}
.第h1 a行{
颜色：继承；
文字装饰：无；
}
.第p排{
字体大小：15px；
右边框：2倍纯白；
左边框：2倍纯白；
底部边框：2件纯白；
垫底：10px；
字体大小：粗体；
}
.第h2行{
字体大小：25px；
颜色：白色；
右边框：2倍纯白；
左边框：2倍纯白；
垫底：10px；
}
.第h1行：悬停{
颜色：#3b3b；
背景色：白色；
}

服务
30美元起价
我们为任何网站创建全新的设计。我们可以与您合作，创造您的准确愿景，或者我们甚至可以发挥自己的创造力，创造出独特而辉煌的东西。无论哪种方式，我们都知道您会对成品感到满意
产品

50美元起价
如果您的网站需要一个简单甚至复杂的后端，我们将在这里开发它，并使您的网站按其需要的方式运行

20美元起价
如果您需要定制服务，无论大小，请随时与我们联系

您似乎试图在代码中使用引导。我认为问题的出现是因为您没有链接bootstrap.css

在下面的代码段中，它可以工作

错误类型：

padding-left

-错误，应该是

padding left

inline-block

-错误，应为

inline-block

等等

如果使用引导，则不应手动更改

.row

的属性

另外，

.row

应使用

.container

或

.container fluid

.row{
显示：内联-块；
列表样式：无；
文本对齐：居中；
左侧填充：300像素；
右边填充：300像素；
利润率：20像素；
填充底部：10像素；
}
.第h1行{
字体大小：35像素；
边框：2像素纯白；
}
.第h1 a行{
颜色：继承；
文字装饰：无；
}
.第p排{
字体大小：15px；
右边框：2像素纯白；
左边框：2像素纯白；
边框底部：2像素纯白；
填充底部：10像素；
字体大小：粗体；
}
.第h2行{
字体大小：25px；
颜色：白色；
右边框：2像素纯白；
左边框：2像素纯白；
填充底部：10像素；
}
.第h1行：悬停{
颜色：#3b3b；
背景色：白色；
}

服务
30美元起价
我们为任何网站创建全新的设计。我们可以与您合作，创造您的准确愿景，或者我们甚至可以发挥自己的创造力，创造出独特而辉煌的东西。不管怎样，我们知道你会对成品感到满意

50美元起价
如果您的网站需要一个简单甚至复杂的后端，我们将在这里开发它，并使您的网站按其需要的方式运行

20美元起价
如果您需要定制服务，无论大小，请随时与我们联系

添加css:

.row {
  display: inline - block;
  list - style: none;
  text - align: center;
  padding - left: 300 px;
  padding - right: 300 px;
  margin: 20 px;
  padding - bottom: 10 px;
}

.row h1 {
  font - size: 35 px;
  border: 2 px solid white;
}

.row h1 a {
  color: inherit;
  text - decoration: none;
}

.row p {
  font - size: 15 px;
  border - right: 2 px solid white;
  border - left: 2 px solid white;
  border - bottom: 2 px solid white;
  padding - bottom: 10 px;
  font - weight: bold;
}

.row h2 {
  font - size: 25 px;
  color: white;
  border - right: 2 px solid white;
  border - left: 2 px solid white;
  padding - bottom: 10 px;
}

.row h1: hover {
    color: #3b3b3b;
    background-color: white;
}
.col-xs-4 {
    float:left;
    width:200px;
    height:300px;
    margin-left:100px;
}

和HTML：

<section class="Services" id="Services">

<h1 class="col-xs-4">Services</h1>
<div id="wrapper">
<div class="row">
<div class="col-xs-4">
  <div class="text-center offer-box">
    <h1><a href="#Contact">Web Design</a></h1>
    <h2>Starting at $30</h2>
        <p>We create new and fresh designs for any website. We can work with you and create your exact vision or we can even go off of our own creativity and make something unique and brilliant. Either way, we know you will be satisfied with the finished product</p>
</div>
</div>
<div class="col-xs-4">
 <div class="text-center offer-box">
    <h1><a href="#Contact">Web Development</a></h1>
    <h2>Starting at $50</h2>
        <p>If your website needs a simple or even a complex back-end, we're here to develop it and make your site function the way it needs to.</p>
   </div>
  </div>  
  <div class="col-xs-4">
   <div class="text-center offer-box">
    <h1><a href="#Contact">Custom</a></h1>
    <h2>Starting at $20</h2>
        <p>If you need a custom service, whether it be small or big please feel free to contact us</p>
  </div>
 </div>
</div>
</div>

服务
30美元起价
我们为任何网站创建全新的设计。我们可以与您合作，创造您的准确愿景，或者我们甚至可以发挥自己的创造力，创造出独特而辉煌的东西。不管怎样，我们知道你会对成品感到满意

50美元起价
如果您的网站需要一个简单甚至复杂的后端，我们将在这里开发它，并使您的网站按其需要的方式运行

20美元起价
如果您需要定制服务，无论大小，请随时与我们联系