Untitled

<ul>

      <li>

        <div class="catalog">

          <div class="catalog-img">

            <a href="#">

              <img src="http://savepic.org/6452088.jpg" alt=""/>

            </a>

          </div>

          <div class="catalog-name">

            <a href="#">Название</a>

          </div>

          <div class="catalog-shop">

            <div class="catalog-shop-price">

              <span class="price">Цена в рублях</span>

            </div>

          <div class="clearfix"></div>

          </div>

        </div>

      </li>

      <li>

        <div class="catalog">

          <div class="catalog-img">

            <a href="#">

              <img src="http://savepic.ru/6302093.jpg" alt=""/>

            </a>

          </div>

          <div class="catalog-name">

            <a href="#">Название</a>

          </div>

          <div class="catalog-shop">

            <div class="catalog-shop-price">

              <span class="price">Цена в рублях</span>

            </div>

          <div class="clearfix"></div>

          </div>

        </div>

      </li>

      <li>

        <div class="catalog">

          <div class="catalog-img">

            <a href="#">

              <img src="http://savepic.org/6434680.jpg" alt=""/>

            </a>

          </div>

          <div class="catalog-name">

            <a href="#">Название</a>

          </div>

          <div class="catalog-shop">

            <div class="catalog-shop-price">

              <span class="price">Цена в рублях</span>

            </div>

          <div class="clearfix"></div>

          </div>

        </div>

      </li>

    </ul>

img {

    border: 0;

}

ul {

  margin: 50px;

  padding: 0;

  list-style: none; 

}

ul li {

  float: left;

  width: 30%;

  margin: 0 0.8% 20px 0;

}

.catalog {

  width: 100%;

  background: #ccc;

}

.catalog-img {

  padding: 10px;

}

.catalog-name {

  padding: 10px;

}

.catalog-shop {

  padding: 10px;

}