Не получается выравнить текст под картинку

Сообщений: 4 Страница 1 из 1

Не получается выравнить текст под картинку

kani339 » Пн ноя 03, 2014 4:36 pm

Помогите выравнять белый текст под картинку и черный текст под белый. Что-то не получается, все съезжает куда-то, может в коде, что-то не так...

HTML

<body>
<div id="container">
<header>
<img src="images/logo.png" alt="Логотип сайта" align="left" />
<h1>Kani_Design</h1>
<h4>Блог о дизайне и заработке</h4>
</div>

CSS

header {
background: -moz-linear-gradient(top, #187197 0%, #5acaec 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#187197), color-stop(100%,#5acaec)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #187197 0%,#5acaec 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #187197 0%,#5acaec 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #187197 0%,#5acaec 100%); /* IE10+ */
background: linear-gradient(to bottom, #187197 0%,#5acaec 100%); /* W3C */
border-bottom: none;
height: 140px;
margin: 0;
padding: 0;

}

img {
padding: 5px;
margin: 4px;
margin-left: 90px;
}

header h1 {
color: #fff;
margin: 0px;
padding: 10px;
text-align:;

}

header h4 {
margin left: 20px;
padding: 25px;