Выравнивание объектов

Question

Это полный дизайн, для которого я собираюсь:

А это код: http://jsfiddle.net/rlesko/f3R7r/4/

Пара вопросов:

1. Почему код margin-left ничего не делает при изменении для объекта #date?
2. Вам известен код, который я могу использовать для центрирования объекта #separator на .post-bg (белый фон)? Я использовал margin-left для этого в моем CSS.
3. Как можно выровнять правую границу текста <h2> по правой границе текста <p>, но оставить выравнивание текста <h2> вправо?
4. Почему пользовательский код шрифта не работает для этой скрипки?

Answer 1

много очков лучше всего ставить в отдельных вопросах, но в любом случае ...

1. Это работает работает! Маржа установлена ​​на 550px, чтобы доказать

2. Вы можете использовать margin: 0 auto; на элементе разделителя для его центрирования. См. Здесь .

3. Используйте text-align: justify; для желаемого выравнивания текста с обеих сторон. См. Здесь .

4. Я думаю, что это связано с невозможностью обслуживания междоменных шрифтов.Но я не уверен на 100%.

Answer 2

1. Поле работает, но h5 странно, и подходящее поле для размещения его так, как вы хотите, это: margin: 0 0 0 135px;(проверено в firebug)

2. поле: 0 авто;

3. выравнивание текста: выровнять?

4. Поскольку медиа-огонь делает перенаправление и преобразует ваш URL-адрес в: http://www.mediafire.com/?f9selsldbgm6dnw, и тогда только вы можете использовать файл.Это не настоящая прямая загрузка, поэтому ваш шрифт не будет работать.Например, загрузите его на свой домен.

Попробуйте вместо этого: http://www.amws.fr/Univers.ttf

Редактировать: я бы также предложил использовать полный код @ font-face, чтобы все браузеры хорошо поддерживали ваш css:

@font-face {
    font-family: 'LiberationSansRegular';
    src: url('http://www.amws.fr/Univers.eot');
    src: url('http://www.amws.fr/Univers.eot?#iefix') format('embedded-opentype'),
         url('http://www.amws.fr/Univers.woff') format('woff'),
         url('http://www.amws.fr/Univers.ttf') format('truetype'),
         url('http://www.amws.fr/Univers.svg#LiberationSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}