<style>
.courseList{
width: 100%;
border-bottom: 1px #69c solid;
display: inline-block
}
.courseNumber{
width: 10%;
display: block;
text-align: center;
float: left;
margin-right: 10px;
}
.courseText h2{
font-size: 24px;
padding-bottom: 20px;
}

	</style>
</head>
<body>
  <div class="courseList">
  	<div class="courseNumber">
  		<p><span style="width: 100%;display: block;text-align: center;float: left;font-size: 11px;padding-bottom: 14px;color: #7d7d7d;">課程</span></p>
        <span style="font-size: 60px;color: #7d7d7d;">1</span>
  	</div>
  	<div class="courseText">
  		<h2>python IO [python 的輸入及輸出]</h2>
  		<p>進入python程式的第一堂課，以實際演練搭配解說的方式，針對初步的輸入及輸出做說明，並介紹如何加入註解。</p>
  	</div>
  </div>
