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

It seems you're trying to use bootstrap in your code. I think the issue arises because you didn't link bootstrap.css.

In the snippet below it works.

Mistypes:

padding - left - wrong, should be padding-left

inline - block - wrong, should be inline-block

etc.

If you use bootstrap, you shouldn't change properties of .row manually.

Also .row should be wrapped by .container or .container-fluid

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

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