CSS выравнивание / позиционирование для заголовка

Question

Я кодирую бета-версию своего веб-сайта, и в настоящее время у меня есть проблема, которую я хочу исправить.

Я хочу использовать CSS для создания следующего кода;

<div class="title">
                <div class="l_bracket">{</div>
                <div class="my_name">Sean Arnold</div>
                <div class="dev_student">Developer&nbsp;&nbsp;|&nbsp;&nbsp;Student</div>
                <div class="r_bracket">}</div>
            </div>

выглядит так:

Как мне это сделать?

Answer 1

заголовок должен иметь черный цвет фона, а цвет шрифта - серый.

l_bracket должен иметь значение float: left r_bracket должен иметь значение float: right.

Вы должны поэкспериментировать с размерами my_name и dev_student.

Если хотите увидетьчто вы делаете и как размер div и т.д. установите firebug.