Тянущийся блок по одной из сторон браузера

[Drunk Monkey]

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

В макете, серые блоки с текстом должны доходить до края окна браузера независимо от разрешения экрана монитора и ширины окна браузера.



Блок «ФАКТ №3» до правого края, а Блок «ФАКТ №4» до левого.





Буду благодарен вашей помощи.

 

[HeadHunter]

Для просмотра ссылки Войди или Зарегистрируйся
на скорую руку

 

[Solus_Rex]

Для просмотра ссылки Войди или Зарегистрируйся
на скорую руку

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

Только я бы разнёс ещё class="text" на:
class="text1" и class="text2"
и задал для левого блока:

  .text1{
    text-align: right;
  }

А то когда меняешь разрешение уезжает текст влево.
+ подумал на счёт изменения размеров всех блоков на проценты с max-width.

 

[Drunk Monkey]

Вот еще два варианта решения вопроса, в моей верстке актуальным оказался первый:

• Для просмотра ссылки Войди или Зарегистрируйся
• Для просмотра ссылки Войди или Зарегистрируйся

 

[mindnomind]

.parent {
   width:100;
   position:relative;
}

.child {
  position:absolute;
  left:0;
  width:50%;
}
.child-right {
  position:absolute;
  right:0;
  width:50%;
}