使描述列表居中，使描述术语和描述都垂直对齐

Question

我正在尝试将描述列表中的所有内容居中，以使它们都以每行相同的边距开始。带有动词的单词不能与单词对齐。

list {
  font-weight: 360;
  margin-right: 100px;
  text-align: center;
  list-style: inside;
  display: inline-block;
}

<div id="list">
  <dl>
    <dt>Phone:</dt>
    <dd>412-719-1936</dd><br>
    <dt>Email:</dt>
    <dd>rickwilson88@gmail.com</dd><br>
    <dt>Address:</dt>
    <dd>2475 Leis Lane</dd>
    <dd>Bethel Park, PA 15102</dd>
  </dl>

Answer 1

将（＃）添加到您的id =“ list”的CSS选择器中：

   #list {
        font-weight:400; // note: font weight takes values: 100,200,..etc
        margin-right:100px;
        text-align:center;
        list-style: inside;
        display: inline-block; 
   }