How to align text boxs in one line

Question

I want to know how can I align three text box in a row in the same line. Here is some example code, if you could modify it to help me that would great!

Answer 1

add 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;
}

and HTML:

Services



  

    
Web Design
    
Starting at $30
        
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



 

    
Web Development
    
Starting at $50
        
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.
   
  
  
  

   

    
Custom
    
Starting at $20
        
If you need a custom service, whether it be small or big please feel free to contact us