<style>
.courseList{
width: 100%;
height: auto;
padding-bottom: 20px;
display: flex;
}
.courseNumber{
width: 10%;
display: block;
text-align: center;
float: left;
margin-right: 10px;
padding-top: 10px;
}
.courseText{
border-bottom: 1px #69c solid;
left: 128px;
position: absolute;
padding-bottom: 30px;
}
.courseText h2{
font-size: 24px;
padding-bottom: 20px;
line-height: 36px;
}
</style>
<div class="courseList">
<div class="courseNumber">
<p style="width: 100%;display: block;text-align: center;font-size: 11px;color: #7d7d7d;letter-spacing: 10px;padding-left: 10px;">課程</p>
<span style="font-size: 60px;color: #bbbbbb">1</span>
</div>
<div class="courseText">
<h2><a href="https://aiacademy.tw/?p=13329&preview=true&nc">python IO [python 的輸入及輸出]</a></h2>
<p>進入python程式的第一堂課，以實際演練搭配解說的方式，針對初步的輸入及輸出做說明，並介紹如何加入註解。</p>
</div>
</div>