Question

Добрый вечер, собственно вопрос, как подвинуть блоги за границу, обозначенную красной линией?

<footer class="w100">
 <div class="useful-footer content">
 <section>
 <h3>О нас</h3>
 <ul>
 <li><a href="http://ml-teahouse.ru/index/0-2">О магазине</a></li>
 <li><a href="http://ml-teahouse.ru/index/oplata_zakaza/0-14">Оплата</a></li>
 <li><a href="http://ml-teahouse.ru/index/dostavka/0-13">Доставка</a></li>
 </ul>
 </section>
 <section>
 <h3>Каталог</h3>
 <ul>
 <li><a href="#">Новинки</a></li>
 <li><a href="http://ml-teahouse.ru/shop/29/desc/baj-mu-dan-belyj-pion">Товары по акции</a></li>
 <li><a href="http://ml-teahouse.ru/shop/all">Все товары</a></li>
 </ul>
 </section>
 <section>
 <h3>Мы в сети</h3>
 <ul>
 <a href="https://www.instagram.com/m.laovai/" target="_blank">Instagram</a>
 <li><a href="#">Facebook</a></li>
 </ul>
 </section>
 <section>
 <h3>Контакты</h3>
 <ul>
 <li><a href="mailto:sales@ml-teahouse.ru">sales@ml-teahouse.ru</a></li>
 <li>(926)274-65-91</li>
 </ul>
 </section>
 </div>
 <div class="credits">
 <div class="content">
 <div class="pay">
 Мы принимаем к оплате:
 <ul class="pay-systems">
 <li><span class="fa fa-2x fa-cc-visa"></span></li>
 <li><span class="fa fa-2x fa-cc-mastercard"></span></li>
 </ul>
 </div>
 <div class="powered-by">$POWERED_BY$</div>
 </div>
 </div>
 </footer>
 <script type="text/javascript" src="/js/ui.js"></script>

Answer 1

Разметка конечно кривая, но как вариант .useful-footer {  margin-left: 33% !important;}

Comments

А в какую часть кода вставлять?

---

Denis Ros,

В таблицу стилей CSS в самый низ.