Я пытаюсь поместить содержимое идентификатора span id "diet" и h1 tag в центр веб-страницы. В настоящее время я не уверен, где именно я ошибаюсь при перепозиционировании.Позиционирование контента в центр
Я попытался удалить свойство float и изменить позиционирование на абсолютное, и выход был неправильным.
Оцените некоторые отзывы о моей работе.
JSFiddle http://buff.ly/1aaJQKq
Просто удалите position:relative;, float:left; из #welcome и просто использовать margin:auto;
Здесь: http://jsfiddle.net/9E4KL/
#welcome {
width: 500px;
text-shadow: 0 3px 0px #FFF;
margin:auto;
margin-top: 30px;
}
добавить выравнивания текста: центр; для содержания в таблице стилей
#content {
font-family: monospace;
color: #46C;
-webkit-margin-before: 0.67em;
-webkit-margin-after: 0.67em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
padding: 40px 0;
float: left;
width: 100%;
text-align:center;
}
здесь скрипку http://jsfiddle.net/3caj2/1/
Будьте осторожны, если вы используете контент где-то в другом месте, но я предполагаю, что вы не будете, поскольку это идентификатор – Travis
Вам нужно для определения ширины как для логотипа div a nd h1 tag (width: 100%) и (как упоминал Тревис) центр с содержанием text-align: center.
правила CSS для диеты тег будет выглядеть тогда следующим образом:
#logo {
float: left;
font-size: 71px;
letter-spacing: 1px;
font-weight: 200;
text-transform: uppercase;
font-family: "MARI&DAVID BOLD";
text-decoration: none;
margin: 7px 10px 10px 0;
width: 100%;
text-align: center;
}
Пожалуйста отправьте соответствующий код здесь ... – War10ck
Вопросы, касающиеся проблем с кодом Вы написали должны описать конкретную проблему - и включают в себя действительный код для его воспроизведения - в самом вопросе. См. Руководство SSCCE.org. –