<style>
     .courseList{
     	width: 75%;
     	border-bottom: 1px #69c solid;
     	display: inline-block
     }
     .courseNumber{
     	width: 10%;
     	display: block;
     	text-align: center;
     	float: left;
     }
     .numberCourse{
       font-size: 11px;
     }
     .number{
     	font-size: 40px;
     }

	</style>

<div class="courseList">
  	<div class="courseNumber">
  		<p class="numberCours">課程</p>
        <p class="number">1</p>
  	</div>
  	<div class="courseText">
                <h2>python IO [python 的輸入及輸出]</h2>
  		<p>進入python程式的第一堂課，以實際演練搭配解說的方式，針對初步的輸入及輸出做說明，並介紹如何加入註解。</p>
  	</div>