Escribir texto en una línea CSS
.garage-title {
clear: both;
display: inline-block;
overflow: hidden;
white-space: nowrap;
}
Spotless Squirrel
.garage-title {
clear: both;
display: inline-block;
overflow: hidden;
white-space: nowrap;
}
*{margin: 0;padding: 0;}
body{
background:url(image/red.jpg) fixed 100% no-repeat;
background-size: cover;
width: 100%;
height: 100px;
}
/*NAVIGATEUR BAR*/
.navbar{
background-color:#000;
width: 100%;
height: 75px;
margin-top:10px;
position:fixed;
top:0;
z-index:999;
}
.icon{
width: 400px;
float: left;
height: 70px;
}
.logo{
color: #FFF;
font-size: 35px;
font-family: Arial;
padding-left: 20px;
float: left;
padding-top: 15px;
}
/*MENU*/
.menu{
width: 1000px;
float: left;
height: 70px;
}
ul{
letter-spacing: 2px;
float: left;
display: flex;
align-items: center;
}
ul li{
list-style: none;
margin-left: 62px;
margin-top: 27px;
font-size: 20px;
}
ul li a{
text-decoration: none;
color: #fff;
font-family: Arial;
font-weight: bold;
transition: 1s ease-in-out;
}
ul li a:hover{
color: #ff7200;
}
.Chercher{
width: 330px;
float: right;
margin-left: 0;
padding-right:20px;
padding-top:8px;
}
.rch{
font-family: 'Times New Roman';
width: 200px;
height: 17px;
background: transparent;
border: 1px solid #ff7200;
margin-top: 13px;
color: #fff;
font-size: 16px;
float: left;
padding: 10px;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
}
.btn{
width: 100px;
height: 40px;
background: #ff7200;
border: 2px solid #ff7200;
margin-top: 13px;
color: #fff;
font-size: 15px;
border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.btn:focus{outline: none;}
.rch:focus{outline: none;}
/*CONTENT*/
.content{
background-position: center;
width: 1200px;
height: auto;
margin-bottom:500px ;
color: #fff;
margin-top: 10%;
margin-left: 15%;
}
.content h1{
position:relative;
font-family: 'Times New Roman';
font-size: 120px;
padding-left: 300px;
margin-top: 30%;
letter-spacing: 2px;
}
.content span{
color: #000;
font-size: 95px;
padding-left:350px;
}
/*ABOUT*/
#id-ABOUT{
position:relative;
padding:100px 0px 100px 0px;
background-color:white;
}
.ABOUT{
padding-left:200px;
/*text-align:center;*/
}
.ABOUT h2{
padding-bottom:50px;
font-size:40px;
font-weight:100;
text-transform:uppercase;
}
/*PARAGRAPHE*/
.paragraphe{
padding-left:25px;
padding-bottom:50px;
}
.paragraphe h5{
font-size:17px;
padding-bottom:5px;
font-weight:100;
}
.image{
padding-left:200px;
}
/*FOOTER*/
#id-footer{
width:100%;
position:fixed;
bottom:0px;
padding:10px 0px;
background-color:#000;
color:#FFF;
}
.footer a{
margin-left: 550px;
color:#FFF;
text-decoration:none;
padding-top:50px;
transition:0.4s;
}
.footer a:hover{
color:#DDD;
text-decoration:none;
transition:0.4s;
}
.left{
float:left;
margin-left: 50px;
margin-top: 0px;
}
.right{
float:right;
margin-right: 50px;
margin-top: 0px;
}