Search the Community

Здравствуйте, помогите, пожалуйста, разобраться, какие стили нужно поправить, либо каких не хватает, чтобы получилось: Выровнять два блока (цена и вес) по центру, (чтобы автоматически отцентрировались). Сейчас так: Нужно чтобы получилось так: Как формируются блоки: - в коде html идет вывод в таком порядке: <div class="weight>за 1 кг</div> <div class="price">1 700 руб.</div> - css классы: .product .weight { color: #888; display: inline-block; float: right; font-size: 1em; font-weight: 500; line-height: 1.5em; margin: 2px 0 0; } .product .price { display: inline-block; font-size: 1.2em; font-weight: 500; line-height: 1em; margin: 2px 0 16px; } .product { text-align: left; } Я нашел решение, только при условии, если переписать вывод html (поменять местами блоки и вместо float:right сделать float:left и text-align:centr для класса .product). Тогда получается вывести по центру. НО, мне важно решить задачу, не меняя html, только стилями. (Потому, что если придется менять html, это нужно будет делать в 6-7 файлах, таких как поиск, категории, модули которые выводят товары типа акции, последние и т.д.) Если кто-то сталкивался с подобной задачей, или знает, как поправить стили, пожалуйста, подскажите!

Приветствую! Подскажите как можно оформить кнопку в виде параллелограмма. Те боковые стороны должны быть наклонными. Проблема в том, что с помощью transform: skewX наклоняется так же и текст кнопки (значение value). Интересует именно наклон а не использование изображение в качестве кнопки. Может кто нибудь сталкивался со схожей ситуацией? Заранее благодарен!