标题的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应该有一个浮点数：左边 r_bracket应该有一个浮点数：对。

您必须尝试my_name和dev_student的大小。

如果你想看看你在做什么以及如何调整div的大小等等，请安装firebug。