https://jsfiddle.net/1darqptb/1/ ну да, все верно, зачем опять что-то делать, если есть варианты уже адаптивные, ну и ваш вариант, а смысл был его делать ), там же ничего не адаптивно ) и надо чтобы не по центру было, а по левую сторону контейнера. Падинги можно не трогать, об них речи не было.
Все, вот то что надо, я там чуть поправил, https://jsfiddle.net/4mcyeb6f/
Все на самом деле проще чем я думал, я мутил чет подобное но не так выходило.
Ankhena, )))))))), да я так делал, а точки, которые текста, идут от точек слева на право. вот по вашему примеру, непонятно что вышло, текста на точках они сверху, а должны быть сбоку и если картинка не адаптивная, то все не влезет, вот в чем проблема. да и сама картинка не по центру должна быть, а слева.
Есть еще проблема, сам текст, 3 строки ! а надо чтобы он был вытянут, каждая строка, а оно вытянулось по max-width: 206px;, хотя вроде текст поверх картинки.
Вот посмотрите и поймете, почему нужна адаптация картинки и чтобы текст шел за точкой, если сжать до 280px экран, то все не влезает. По этому я пытался сделать чтобы картинка сжималась.
Ankhena, растягивается все и блок и картинка должна быть, но по примеру который я скинул, видно что там чет она растянулась через чур. все адаптивное должно быть.
Как лучше ровнять, отключаем анимаху и подбираем процент width: %; height: %; у родителя, пока не ляжет в тютельку все миллиметры, я так смог ровно поставить точку на точку которая на картинке, но все равно есть но, когда сжимаешь экран браузера, сдвиги есть, идеально не реально сделать?
сайт.ru/partner.html
а стало щас так
сайт.ru/partner.php
может расширения прятать? или не стоит.
чтобы так было: сайт.ru/partner