Не центруется надпись, что я делаю не так?

delahtml · July 25, 2014

<!Doctype html>
<html>
<head>
<link style="text/css" rel="stylesheet" src="game.css" />
<title>Заголовок</title>
</head>
<body>
<div class="center">
<h3>Хочу быть в центре</h3>
</div>
</body>
</html>

body {
background-image: url('');
}
.center h3 {
position: relative;
top: 500px;
left: 300px;
}

Хочу с помощью css поменять позицию надписи на странице. Сделал вот так. Нифига не меняется. Что я делаю не так?

norbrus · July 25, 2014

delahtml, а такой вариант не подойдёт?

.center {   margin: 0 auto;}

Switch74 · July 25, 2014

http://jsfiddle.net/5yYXg/
у меня ваш код работает, а что вы вообще пытаетесь сделать и для кого?

mini · July 26, 2014

.center h3 {

text-align: center;

}

xpanda · July 28, 2014

Несколько вариантов:

.center h3 {text-align: center;}

.center h3 {  text-align: center;  height: 320px;  line-height: 320px;}

.center h3 {margin-top: 50%;margin-left: 25%}

Position лучше не использовать без нужды.
game.css весьма странное название для файла таблицы стилей, хотя, что я придрался к названию, суть-то не в этом.

Edited July 28, 2014 by xpanda

Sign In

Не центруется надпись, что я делаю не так?

Question

delahtml

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

norbrus

Link to comment

Share on other sites

Switch74

Link to comment

Share on other sites

mini

Link to comment

Share on other sites

xpanda

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information