標題的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的大小。

如果你想看看你在做什麼，以及如何分配大小等安裝螢火蟲。