Я пытаюсь выстроить некоторые социальные значки (в формате @ font-face, из-за чего они появляются только как буквы) рядом с Connect h3 в желтой рамке, но я запутываю. Любая помощь будет большой.CSS выравнивание значков проблемы
Эй теперь используется для Display**inline-block**, как как этот
.footer-content p, .social-media{
display:inline-block;
vertical-align: xxxxx;// top, middle, bottom --- as like requirement
}
Live Demo http://jsfiddle.net/qpdsZ/1/
Проверьте это, вы должны настроить размер шрифта вместе с display:inline-block , Вот fiddle
Спасибо за это, но я хотел использовать более крупный шрифт для социальных иконок, поскольку они очень малы в таком размере. Или я просто использую изображения? – tobeeornot
Пожалуйста, используйте изображения для заполнения, чтобы использовать фоновое изображение. – Subhajit
Спасибо за это, но как бы выстроить линию Connect с жизнью равномерно на одну строку. Нужно ли им иметь одинаковый размер шрифта, или я могу настроить его с помощью css? – tobeeornot
@tobeeornot Теперь вы можете использовать вертикальное выравнивание, как эта демо-версия проверки. Http://jsfiddle.net/qpdsZ/4/ –
Мы, похоже, получаем туда, но это то, что на данный момент выглядит на экране, работающее локально. http://i1200.photobucket.com/albums/bb328/tobeeornot/bottom-container.gif – tobeeornot