标题的CSS对齐/定位

我正在为我的网站编写测试版，目前我有一个问题需要解决

我想使用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>

{
肖恩·阿诺德
开发者|学生
}

像这样：

---

如何执行此操作？

标题的背景色应为黑色，字体颜色应设置为灰色

左括号应该有一个浮子：左 右括号应该有一个浮动：右

你必须尝试一下我的名字和德福学生的大小

---

如果你想知道你在做什么，以及div的大小等，安装firebug

你的问题不清楚，问题是什么？下面的行是向右边的额外缩进吗？我只是不知道如何为它编写css。