Выравнивание div, которые не связаны

Question

Выравнивание div, которые не связаны

0

http://codepen.io/anon/pen/Gxbfu <- Вот фрагменты сайта, который я пытаюсь выровнять. То, что я пытаюсь достичь, - это Onyx Design для выравнивания с правой стороны навигационной панели или навигационной панели до масштабов до конца "Onyx Design".

Текст не связан с навигационной панелью, если дядя не является термином, используемым для отношений div. Jquery/JS - это вариант, так как я буду иметь это на сайте, когда я получу его функциональность.

Вот что я хочу сделать, чтобы он выглядел как http://puu.sh/5cq82.png

Divs, что имеет значение;

.titling содержит заголовок и имеет верхний и нижний границы границы.bottomheader содержит.navbar (белая полоса с иконками) и кнопка сердца.

PySnow 08 нояб. 2013, в 21:33

Источник

Теги:

javascript

html

css

2 ответа

0

Если вы не знаете, сколько времени навигация будет, вы можете использовать javascript (с jquery) для установки ширины:

$(function(){

   var h1 = $('.titling>h1');
   var navbar = $('.navbar');      
   h1.css({width: (navbar.width() + 'px'), 'text-align':'right'});  

});

Вилка: http://codepen.io/anon/pen/jxrDF

John Boker 08 нояб. 2013, в 18:14

Ещё вопросы

Praveen Kumar Purushothaman · Accepted Answer · 2013-11-08T18-13-00.000Z

Я просто использовал этот фрагмент кода:

h1
  max-width 300px
  width 300px
  text-align right

Не может быть лучшим, но подходит для ваших нужд.

Сценарий: http://codepen.io/anon/pen/phAHc

Я понятия не имею, почему я этого не осознавал. Спасибо, пожалуйста, ми amigo.