Question

http://codepen.io/anon/pen/Gxbfu＆lt; - 这是我正在尝试对齐的网站的位。我想要实现的是Onyx Design与导航栏的右侧对齐，或者导航栏缩放到“Onyx Design”的末尾。

除非叔叔是用于div关系的术语，否则该文本与导航栏无关。 Jquery / JS是一个选项，因为当我开始使用它时，我会在网站上有这个选项。

重要的分组;

.titling包含标题，并具有border-top和border-bottom .bottomheader包含.navbar（带有图标的白色条带）和心形按钮。

Answer 1

我刚刚使用了这段代码：

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

可能不是最好的，但适合您的需求。

小提琴：http://codepen.io/anon/pen/phAHc

Answer 2

如果您不知道导航栏的长度，您可以使用一些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

对齐不相关的div

2 个答案:

小提琴：http://codepen.io/anon/pen/phAHc