[CSS][HTML]Wyśrodkowanie DIV z display: inline-block; Opcje

[Mike122]

Aktualnie tworzę mała statyczną witryne w XHTML + CSS (2.1), natrafiłem na dość cięzki problem z mojego punktu widzenia.
Mianowice chicałem wyśrodkować element div#sideTop - nie mogę usunać display: inline-block; ponieważ dzięki niemu div#sideTop dopasowuje mi się w pełni do swojej zawartości.

[HTML] pobierz, plaintext 
//HTML
		<div id="sideTop">
			<a href="test">Test 1</a>
			<a href="test" class="active">Test 2</a>
			<a href="test">Test 31</a>
			<a href="test">Test 41</a>
			<a href="test">Test 51</a>
		</div>
/CSS
div#sideTop {
	height: 36px;
	display: inline-block;
	background: #F4F4EC;
	font: bold 12px "Lucida Sans Unicode", "Times New Roman", sans-serif;
	border: 1px solid #779933;
}
 
div#sideTop a {
	border-right: 1px solid #779933;
	float: left;
	line-height: 36px;
	padding: 0 20px;
	text-decoration: none;
	color: #565C5E;
}
 
div#sideTop a.active {
	background: #FFFFFF url('img/menu.jpg') repeat-x;
	color: #F4F4EC;
}
 
 
div#sideTop a:hover {
	background: #F4F4EC url('img/bgfadegreen.gif') repeat-x;
	color: #75902D;
}
 
[HTML] pobierz, plaintext 

Bardzo prosze o pomoc.

Ten post edytował Mike122 12.01.2012, 02:02:14

[Niktoś]

Użyj marginesów w div#sideTop :
margin-left:100px lub margin-left:10%;
Jak kto woli.

Ten post edytował Niktoś 12.01.2012, 02:13:36

[Mike122]

Użyj marginesów w div#sideTop :
margin-left:100px lub margin-left:10%;
Jak kto woli.

Napewno div#sideTop się ruszy jednak nie ustawi go na środku witryny.

[Niktoś]

Eh myślałem,że tylko w poziomie:
To musiałbyś użyć kombinacji:
margin-left i margin-top.

[Leihto]

hmm..

Kod

margin : 0 auto;

(IMG:style_emoticons/default/questionmark.gif)

[Damonsson]

Wrzuć to wszystko w jakiś kontener, któremu nadasz text-align: center;
A zapewne w fazie końcowej będzie to domyślnie w jakimś kontenerze, więc nadaj text-align: center; po prostu rodzicowi sideTop.