样式表或页面

如何解决样式表或页面

这是我为HTML CV的雇用历史所做的事情：

<h2>EMPLOYMENT HISTORY</h2>
<div id="Employment">
 <table>
   <tr>
     <td>Job title,&nbsp;Company,Location</td>
     <td>City</td>
   </tr>
   <tr>
     <td>Date</td>
     <td>&nbsp;&nbsp;&nbsp;</td>
   </tr>
 </table>
 <ul >
   <li>task1</li>
   <li>task2</li>
   <li>task3</li>
 </ul>
</div>

但是，这既不整洁，也不专业，并且似乎不知道如何将工作位置推到最右边，因为它位于桌子内。但是我唯一想要的就是该部分看起来像这样：

 EMPLOYMENT HISTORY

 Customer Service Assistant,LADbroKES                        LONDON
 Fev 2018-
    - Description one
    - Description two
    - Description three

 Intern Research Assistant,MILLENIUM                        LONDON
 Jun 2017- Sept 2017
    - Description one
    - Description two
    - Description three

我的子弹头也有问题。我想给他们一些余地，但失败了。这是我的CSS中的内容：

ul {
   list-style-type:none;
}

ul li{
   margin-right: 1dpx;
}

 
 
 

解决方法

要将“工作位置”移到右侧，请将width: 100%;应用于table元素，以使表格获得完整宽度：

table {
  width: 100%;
}

<h2>EMPLOYMENT HISTORY</h2>
<div id="Employment">
 <table>
   <tr>
     <td>Job title,&nbsp;Company,Location</td>
     <td>City</td>
   </tr>
   <tr>
     <td>Date</td>
     <td>&nbsp;&nbsp;&nbsp;</td>
   </tr>
 </table>
 <ul >
   <li>task1</li>
   <li>task2</li>
   <li>task3</li>
 </ul>
</div>