标题的 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

title 的背景颜色应该是黑色，font-color 应该设置为灰色。

l_bracket 应该有一个 float: leftr_bracket 应该有一个 float: 对。

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

如果您想查看自己在做什么以及 div 的大小等，请安装 firebug。