Кнопка Twitter вызывает выравнивание текста: центр не работает

Question

Я пытаюсь добавить кнопку «подписаться» в твиттере на моем сайте, но это вызывает многочисленные проблемы с отображением нижнего колонтитула.

Если вы посмотрите на эту скрипку , вы увидите проблемы. Я добавил тестовые элементы управления, чтобы упростить демонстрацию, но в основном я хочу, чтобы при добавлении кнопки не происходило следующее:

• Дополнительные прокладки сверху
• Все движется влево (теряет text-align:center)
• Кнопка не выровнена по вертикали с текстом слева от нее.

Может, кто-нибудь посоветует, как этого добиться?

Answer 1

Кнопка Twitter оформляется с помощью javascript на ширину 300 пикселей, единственное, что нужно сделать, - это обернуть ее с помощью span или div и поместить ее на ширину 60 пикселей;Потому что 300px толкает ваше меню в сторону.Потеря центра выравнивания текста.

Также может потребоваться обернуть ссылки в неупорядоченный элемент списка, чтобы иметь больше контроля над всей группой, и она становится более семантической.

Myрешение