поле: 0 авто; не работает

Question

поле: 0 авто; не работает

0

Я знаю, что этот вопрос задавали несколько раз, но он не работает с моим примером :(

Вот мой код

index.html.erb

<div class="welcome">
    <h1>h1</h1>
    <h3>h3</h3>
    <small>small</small>
</div>

CSS

body {
   margin: 0;
   padding: 0;
   background-image:url('sitebackground.jpg');
   background-repeat: no-repeat; 
}

.welcome{
   display: block;
   left: 10%; 
   width: 80%;
   margin:0 auto;
}

ciaodarwin 13 окт. 2013, в 14:21

Источник

3

Удалить слева: 10%
Pierce McGeough 13 окт. 2013, в 12:01
0

Атрибут @Pierce left бесполезен без атрибута position так что это не имеет значения. @ciaodarwin это для меня по центру, или вы пытаетесь центрировать текст с помощью div.welcome
gwillie 13 окт. 2013, в 12:10

Теги:

html

ruby-on-rails

css

1 ответ

Ещё вопросы

Атрибут @Pierce left бесполезен без атрибута position так что это не имеет значения. @ciaodarwin это для меня по центру, или вы пытаетесь центрировать текст с помощью div.welcome

TJ. · Accepted Answer · 2013-10-13T11-04-00.000Z

Убрать слева: 100%, как предлагает Пирс МакГео. Я создал простую скрипку, чтобы продемонстрировать. Я также добавил фоновый цвет, чтобы продемонстрировать ширину 80% и по центру.

.welcome{
   display: block;
   width: 80%;
   margin: 0 auto;
   background-color: blue;
}

В случае, если вы также пытаетесь избавиться от верхнего поля, это происходит из h1. Поэтому добавьте следующий css:

h1 {
    margin: 0; /* or just margin-top: 0; */
}