CSS alignment/positioning for title

I'm coding a beta version of my website and I have a problem currently that I want to fix.

I want to use CSS to make the following code;

<div class="title">
                <div class="l_bracket">{</div>
                <div class="my_name">Sean Arnold</div>开发者_JAVA技巧;
                <div class="dev_student">Developer&nbsp;&nbsp;|&nbsp;&nbsp;Student</div>
                <div class="r_bracket">}</div>
            </div>

look like this:

How do I do this?

title should have a background color black and the font-color should be set to gray.

l_bracket should have a float: left r_bracket should have a float: right.

You have to experiment with the sizes of my_name and dev_student.

If you want to see what you are doing and how the div are sized etc. install firebug.