Выравнивание текста по левому краю центрированного элемента (Css)

<div class="green">
     <div style="margin: 0 auto;">
          <h1 style="display: block;">Blah</h1>
          <span>blah blah</span>
     </div>
</div>

frantic, что находится в классе green? только backround:green? тогда пример не рабочий. нужно выровнять второй текст НЕ полевому экрану браузера, как в твоём примере, а по первой букве центрированного текста.

ReifTer, ты можешь фиксированную ширину задать для вложенного дива?

frantic, да, могу. но желательно без фиксированной ширины, но в моём случае можно будет и с фиксированной

ну если задать размер текста для h1 в пикселях и подогнать ширину блока тогда можно и с фикс. шириной. других вариантов не вижу.

frantic, текст в h1 будет постоянно разный, подгонять не вариант. спасибо за интерес к моему вопросу... буду искать решения, если найду обязательно отпишусь, может кому пригодиться в дальнейшем

ReifTer, я тоже подобное делал, но у меня текст не менялся и я остановился на фикс. ширине

Вроде нашел решение :

.green { position: relative; background: #070;  height: 150px; width: 60%; color:#fff }
.block { position: absolute; margin:0 0 0 50%; }
.block2 { position: relative; left: -50%; white-space: nowrap}

<div class="green">
   <div class="block">
      <div class="block2">
         <h1>Заголовок новости и тп и тд</h1>
         <p>текст текст текст</p>
      </div>
   </div>	
</div> 

Круто! А везде пашет?

хром, лиса, ослики 6 7

оперу лень было