[CSS] - Jak wyśrodkować elementy w poziomie?


(jacko1998) #1

7350088500_1385824704_thumb.jpg

Jak to wyśrodkować względem tego niebieskiego tła w css ? Tzn. te logo i menu.

HTML i CSS:

header
        div id="logo"img src="img/logo.png" alt="logo"/div
        ul
		li
			a href="#"Home/a
			a href="#"About/a
			a href="#"Contact/a
		/li
	/ul
/header

header{
	width: 100%;
	height: 100px;
	background-color: #0B3661;
}

header #logo{
	float: left;
}

header ul{
	float: right;
}

(manieKMP) #2

Dopisz zerowy margines dla ul i dodaj odpowiednie obramowanie dla obu elementów:

header > ul {
 float: right;
 margin: 0;
}
header > #logo, header > ul {padding: 35px 0;}

(jacko1998) #3

A nie ma czegoś takiego jak z tym text-align, tylko że w poziomie ?


(jacko1998) #4

A poza tym i tak nie działa poprawnie ;/


(manieKMP) #5

Jest vertical-align, ale nie zadziała na tym. Można by zrobić to przez pozycjonowanie, “header” relatywnie, “ul” z “logo” absolutnie i obu nadać top.

 

PS. Co nie działa poprawnie?


(jacko1998) #6

Znaczy padding działa, tylko za duży, ale jak inaczej się nie da, to sobie dopasuje. Dzięki.