我做的web，怎么把第一行这个格的宽度铺满，就是宽度是百分之百，宽度到演讲人那个位置，跟演讲人对齐，代码应该怎么改

img

img


下边的是效果图，上边是我目前做的，我这个表格第一行怎么做成效果图那样，怎么设置宽度，宽度跟演讲人对齐，还有效果图完整的代码哪个厉害的会啊

用F12


<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <style>
    table{
    }
    .title{
      font-weight: 600;
    }
    td{
      width: 100px;
    }
  </style>
  <body>
    <table border="1" cellpadding="20" cellspacing="0">
      <tr rowspan="" height="100px">
        <td colspan="3">这是一段文字</td>
      </tr>
    
      <tr class="title">
        <td>会议时间</td>
        <td>会议名称</td>
        <td>演讲人</td>
      </tr>
      <tr >
        <td rowspan="5">2015</td>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td></td>
        <td></td>
      </tr>
    </table>

  </body>
</html>

img

按F12 拖 拖好了保存css