Чистый CSS плавающий выпуск

Question

Я использую Pure CSS Framework и мой код выглядит

<div class="container pure-g">

 <header class='pure-u-1'>
  <h1 class='logo'>
    <a href="#">TEST</a>
  </h1>
  <nav class="pure-menu pure-menu-open pure-menu-horizontal">
    <ul>
        <li><a href="#">Example Link 1</a></li>
        <li><a href="#">Example Link 2</a></li>
    </ul>
  </nav>
 </header>
</div>

Вот JSfiddle: http://jsfiddle.net/ME4jv/

То, что я пытаюсь сделать, это выровнять логотип (который будет перемещен влево) с навигационными ссылками (перемещен справа), но и плавающая, и сеточная система не работают.

Answer 1

К сожалению, вам нужно переопределить объявление ширины фреймворка, которое было назначено для nav. В настоящее время установлено 100%;, Вот почему это не всплывает.

ДЕМО http://jsfiddle.net/ME4jv/2/

.pure-menu.pure-menu-open {
    float:right;
    display: block;
    width: auto;
}