标题的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的大小。

如果你想看看你在做什么，以及如何分配大小等安装萤火虫。