From caf68c800a3722b60454bd78c67d2cbd965e93fc Mon Sep 17 00:00:00 2001
From: Chen Yang <yc4646@gmail.com>
Date: Sun, 5 Dec 2021 23:19:49 +0800
Subject: [PATCH] Alignment for the teaching part.

---
 index.html | 14 +++++++-------
 style.css  | 28 ++++++++++++++++++++++++++++
 2 files changed, 35 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index df85f62..19c761e 100644
--- a/index.html
+++ b/index.html
@@ -51,13 +51,13 @@
 
 <h3 id="teaching">Teaching <a href="https://blackboard.cuhk.edu.hk" target="_blank">[Blackboard@CUHK]</a></h3>
 
-<ul id="course">
-    <li><b>Fall 2021&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  </b> | SEEM5340 Stochastic Calculus (with <a href="https://sites.google.com/site/xuedonghepage/home" target=_blank">Xuedong He</a> and <a href="https://sites.google.com/site/lingfeilicuhk/" target="_blank">Lingfei Li</a>)</li>
-    <li><b>Fall 2021&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  </b> | SEEM3590 Investment Science</li>
-    <li><b>Spring 2021</b> | SEEM3590 Risk Analysis for Financial Engineering</li>   
-    <li><b>Fall 2020&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  </b> | SEEM3590 Investment Science</li>
-    <li><b>Spring 2020</b> | SEEM3580 Risk Analysis for Financial Engineering</li>
-    <li><b>Fall 2019&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  </b> | SEEM3590 Investment Science</li>
+<ul class="notATable">
+    <li><label><b>Fall 2021 </b></label><div>SEEM5340 Stochastic Calculus (with <a href="https://sites.google.com/site/xuedonghepage/home" target=_blank">Xuedong He</a> and <a href="https://sites.google.com/site/lingfeilicuhk/" target="_blank">Lingfei Li</a>)</div></li>
+    <li><label><b>Fall 2021 </b></label><div>SEEM3590 Investment Science</div></li>
+    <li><label><b>Spring 2021 </b></label><div>SEEM3590 Risk Analysis for Financial Engineering</div></li>   
+    <li><label><b>Fall 2020 </b></label><div>SEEM3590 Investment Science</div></li>
+    <li><label><b>Spring 2020 </b></label><div>SEEM3580 Risk Analysis for Financial Engineering</div></li>
+    <li><label><b>Fall 2019 </b></label><div>SEEM3590 Investment Science</div></li>
 </ul>
 
 <h3 id="research">Research Interest</h3>
diff --git a/style.css b/style.css
index be89ab7..083270e 100644
--- a/style.css
+++ b/style.css
@@ -64,3 +64,31 @@ ul#course {
 hr {
     border-top: dashed 1px;
 }
+
+.notATable {
+  display:table;
+  list-style:none;
+  padding-left:0;
+}
+
+.notATable > li 
+{
+ display:table-row;
+}
+ 
+.notATable > li > *
+{
+ display:table-cell;
+ padding:2px;
+}
+ 
+ 
+.notATable label {
+ font-weight:bold;
+ text-align:right;
+}
+ 
+.notATable label:after {
+ content: '|';
+}
+