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

Simply add bootstrap

Note: view the result in full screen

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

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

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

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

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

.row h1:hover {
  color: #3b3b3b;
  background-color: white;
}

  
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