У меня есть эта php-страница, которая вызывает шаблон:
if(!isset($_GET['step']) || $_GET['step'] == "" || $_GET['step'] == 1)
{
include("templates/install_db.html");
}
elseif(isset($_GET['step']) && $_GET['step'] == 2)
{
include("templates/install_settings.html");
}
Шаблон install_db.html:
<head>
<link href="templates/css/style.css" rel="stylesheet" type="text/css" />
</head>
<body style="background-color:cadetblue">
<div class="title"><h1>...</h1></div>
<div class="main">
<form action="?step=2" method="post">
<ul>
<li>
Database Host:
</li>
<li>
<input type="text" name="host" value="localhost" />
</li>
</ul>
<ul>
<li>
Database Username:
</li>
<li>
<input type="text" name="uname" />
</li>
</ul>
</form>
</div>
...
И этот стиль CSS:
root {
display: block;
}
ul {
display: table-row;
text-align: center;
}
ul li {
text-align: center;
display: table-cell;
}
.main {
text-align: center;
font-family: 'Lucida Console';
}
.title {
text-align: center;
font-family: 'Lucida Console';
}
И я хотел бы центрировать список ul / li ... если я удалю таблицу-строку / табличную ячейку, то список центрируется, иначе он останется слева. На мой взгляд, список должен располагаться по центру. Что я делаю неправильно?
ОБНОВЛЕНИЕ: я использую последнюю версию Google Chrome в качестве браузера
