Вопрос Как сдвинуть текст(header h1) в лево в css?

@import url(https://fonts.googleapis.com/css?family=Rubik+One&subset=latin,cyrillic);

body {

font-family: Arial, sans-serif;

margin: 0;

padding: 0;

background-color: #FF7F50;

}

header {

background-color: #333;

color: #fff;

padding: 10px 0;

text-align: center;

}

header h1 {

text-align: left;

font-size: 70px;

}



nav {

background-color: #444;

text-align: center;

padding: 10px 0;

}

nav a {

color: #fff;

text-decoration: none;

padding: 10px 60px;

}

nav a:hover {

background-color: #555;

}

/* Стили для контента */

.content {

padding: 40px;

margin-bottom: -50px;

font-size: 20px;

text-indent: 30px;

border: 10px ridge #FF4500;

padding: 10px 20px 10px 20px;

margin: 50px auto;

width: 2200px;

}



/* Новые стили */

.site-title {

font-size: 35px;

color: red;

margin-left: 20px;

}

.pagination {

text-align: center;

}



.page-link {

display: inline-block;

padding: 8px 16px;

margin: 0 5px;

background-color: #FF0000;

color: #fff;

text-decoration: none;

border-radius: 5px;

}

div.a{

text-align: center;

}

h3{

font-size: 50px;

}



.gradient-text {

font-family: 'Rubik One', sans-serif;

font-size: 50px;

text-transform: uppercase;

background: linear-gradient(45deg, DarkRed 33%, #A52A2A 66%, Red);

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

color: #0B2349;

display: table;

margin: 20px auto;

}

.gradient-text2 {

font-family: 'Rubik One', sans-serif;

font-size: 30px;

text-transform: uppercase;

background: linear-gradient(45deg, DarkRed 33%, FireBrick 66%, Red);

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

color: #0B2349;

display: table;

margin: 20px auto;

Он и так с самого левого края будет, зачем его еле влево двигать, чтобы он вышел за пределы окна?
padding-left добавь для него или для header, если нужно вправо сдвинуть

Вадим абанин

header {
background-color: #333;
color: #fff;
padding: 5px 250px 5px;
}

header h1 {
float:left;
}