Выровнять текст внутри div переменной ширины

Question

Выровнять текст внутри div переменной ширины

0

У меня есть 4 раздела, каждый из которых содержит некоторый текст.
JsFiddle

HTML

<div id="pillar1">
  <div class="pillar-text">
    <h1>aaaaaa aaaaa aaavvvvvvvvvvvv aaaabbbbbbbb bbbba aaaa</h1>
    <h2>Workshop</h2>
  </div>
</div>

CSS

.pillar-text h1 {
  position: absolute;
  margin-right: 60%;
  opacity: 0;
  -webkit-transition: opacity 1.5s ease-in;
 }

Но, как и на скриншоте, текст имеет разный margin-right для разных разделов.

Как я могу это решить?

Varun 06 май 2014, в 21:08

Источник

0

сделайте JSFiddle для нас, пожалуйста, чтобы мы могли проверить
Frakcool 06 май 2014, в 19:01
0

ХОРОШО. jsfiddle.net/kPj8W
Varun 06 май 2014, в 19:07

Теги:

html

css

css3

2 ответа

Ещё вопросы

сделайте JSFiddle для нас, пожалуйста, чтобы мы могли проверить

Anindya Basu · Answer 1 · 2014-05-06T16-37-00.000Z

.pillar-text h1 {, что ваш CSS называется, но ваш текст, кажется, использует h1 для одного из них и h2 для другого.

либо изменить их все на h1, чтобы применить правое поле или определить что-то для h2.

только 1 тег h1 на страницу семантически корректен

Chris M · Answer 2 · 2014-05-06T16-28-00.000Z

потому что у вас есть position:absolute, ваша margin-right: 30% - 30% от окна, а не div

.pillar-text h1 {
    position: absolute;
    margin-right: 30%;
    opacity: 0;
    -webkit-transition: opacity 1.5s ease-in;    
}