Расположить текст в одну строку

body{
    background: #e5e5e5;
    color: #000000;
    font-family: Verdana, sans-serif;
    margin: 0;
    padding: 0;
}
 
a{
    color: #000000;
    text-decoration: none;
    display: block;                      /*Тег а не может быть инлайновым. Ему необходимо указывать слойство display:            block; либо display: inline-block;, иначе тег будет иметь нулевую высоту */
}
 
img{
    height: auto;
    width: 100%;
}
 
.main{
    background: #ffffff;
    border-radius: 5px;
    border: 1px solid #cccccc;
    font-size: 5vh;
    height: 5%;
    margin: 1%;
    padding: 1%;
    width: 96%;
 
    -webkit-user-select: none;
    -moz-user-select: none;
}
 
.main:hover{
    background: #000000;
    color: #ffffff ;
}
 
.main:active{
    background: #000000;
    color: #ffffff ;
}
 
 
 
/* For modern browsers */      /* вот тот самый код, что и чистит стили родительского элемента*/
.main:before,                        /*[url]http://xiper.net/collect/html-and-css-tricks/css-tricks/clearfix*/[/url]
.main:after {
   content: "";
   display: table;
}
.main:after {
   clear: both;
}
 
/* для IE6-7 */
.main {
   zoom: 1;
}
 
 
.left{
    float: left;
}
 
.right{
    float: right;
    font-size: 2.5vh;
    text-align: center;
}
 
.right_menu{
    float: right;
}
 
.hide{
    color: transparent;
}
 
 
.home{
    height: 55px;    /* и % задавать даже не нужно*/
    width: 60px;     /* и % задавать даже не нужно*/
}