AAA Главная
Примеры PHP Примеры JavaScript Примеры Ajax Примеры CSS,HTML

Выравнивание любого элемента по центру

Любой элемент (div, table etc.) можно разместить по центру так: margin {0 auto} - где "0"-это отступы сверху (можете указать любое другое число в пикселах), а "auto"-это автоматическое центрирование. ВНИМАНИЕ!!!! это НЕ будет работать вмест с "float"

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>www.htmlExperts.co.il</title>
  <style>
  	article {
  		border: 1px solid #333;
  		margin: 0 auto;
  		padding: 50px;
  		width: 300px;
  		text-align: center;
  	}
  </style>
  </head>
	<body>
		<article>
			This is the centered element.
			Example from www.htmlExperts.co.il
		</article>
	</body>
</html>

© Copyright by Ludmila Livertovsky http://www.htmlexperts.co.il

Разместил Ludmila 03.Oct.2012 http://www.htmlexperts.co.il


.

© Copyright 2008-2016 by KDG