Изображение, плавающее в Underscores, не работает

Question

Я использую Underscores для создания темы Wordpress. В структуре у меня есть div с шириной 275 пикселей. Внутри этого div у меня есть еще один div с <img> а также <h3> внутри него. Когда я пытаюсь переместить изображение таким образом, чтобы h3 обернулся вокруг него, плавающее не работает с темой, но работает в отдельном HTML-файле. Что не так с этим кодом?

    .container{
            width: 275px;
        }
        .post-image-small {
            float: left;
        }
        .post-image-small img {
            display: block;
         box-shadow: 0px 0px 1px 1px #777;
         box-sizing: border-box;
         border: 1px solid #fff;
         float: left;
       }
        .post-image-small h3.post-title-small {
         font-size: .85em;
         margin: 0 !important;
       }
        .post-image-small h3.post-title-small a {
         color: #444;
         text-decoration: none;
       }
        .post-image-small h3.post-title-small a:hover {
         color: orange;
       }
    <div class="container">
        <div class="post-image-small">
            <img src="http://localhost/viewport/wp-content/uploads/2014/09/iwatsh-150x150.jpg" width="50" height="50">
            <h3 class="post-title-small"><a href="http://localhost/viewport/?p=1490">Integer non nibh et nibh lacinia tempus</a></h3>
        </div>
    </div>

заранее спасибо

Answer 1

В строках 158 - 163 файла style.css в _s вы видите это:

h1, h2, h3, h4, h5, h6 {
    clear: both;}

Так что вам нужно добавить это ПОСЛЕ всех стандартных стилей _S:

.container h3{clear:right}