Я пытаюсь создать строку заголовка с красивым центральным названием и панелью инструментов рядом с ней. Проблема, с которой я сталкиваюсь, заключается в том, что по мере того, как панель инструментов растет, название движется дальше и дальше от центра (и на самом деле никогда не сосредоточено на самом деле). Я обедал с этим некоторое время, попробовал несколько поисков, но не могу найти ответа. Может ли кто-то с немного более сложным опытом бросить мне кость, пожалуйста?Центрирование названия, когда рядом с панелью инструментов
HTML
<div>
<span>
Section Title
</span>
<div class="toolbar">
<button>Add</button>
<button>Remove</button>
</div>
CSS
div { background:red;overflow:hidden; text-align: center; }
span a {
background:#222;
color:#fff;
display:inline-block;
margin:10px 10px 0 0;
padding:5px 10px
}
.toolbar {
float: right;
}
Вот скрипку: http://jsfiddle.net/scottvossen/cePe3/124/
Видать по центру мне. – APAD1
Приглашение, предлагающее вам отправить код в свой вопрос, есть причина. Не обманывайте его – Bojangles
Да, наконец, выяснилось, что ему нужен код, который не просто хочет ссылку в кодовом блоке. Мой плохой ... не публикуйте вещи часто. – scottvossen