Why do I get these hyphens?

Question

I am trying to make 3 buttons using divs, and align them horizontally using percentages. I managed to do that, but I get these hyphens between the divs. The hyphens appear only

Answer 1

Those are not hyphens, but the default underline of your elements.
You can remove them with text-decoration: none; in your css

a {
   text-decoration: none;
   }

.home_buttons {
    width: 10%;
    height: 100px;
    display: inline-block;
    margin-right: 11%;
    margin-left: 11%;
    text-align: center;
    vertical-align: top;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 90%;
}

    

        
book appointment now
    


    

        
order contact lenses
    
  



    

        
contact us