교육후기 올리는 법

<div>
<table id=afterfixed  border="1" >
 
    <tr><td><a href="#operation" target="_self">운영개요</a></td></tr>
    <tr><td><a href="#assessment" target="_self">종합 평가</a></td></tr>
    <tr><td><a href="#after" target="_self">후 기</a></td></tr>
    <tr><td><a href="#media" target="_self">활동 사진</a></td></tr>
 
</table>
 
 <table class=afterindex  border="1">
  <tr>
    <td colspan="2"><h2>목차</h2></td>
  </tr>
  <tr>
    <td >
    <h2>1</h2></td>
    <td width="70%"><h2><a href="#operation" target="_self">운영개요</a></h2></td>
  </tr>
  <tr>
    <td ><h2>2</h2></td>
    <td><h2><a href="#assessment" target="_self">종합 평가</a></h2></td>
  </tr>
  <tr>
    <td ><h2>3</h2></td>
    <td><h2><a href="#after" target="_self">후기</a></h2></td>
  </tr>
  <tr>
    <td ><h2>4</h2></td>
    <td><h2><a href="#media" target="_self">활동 사진</a></h2></td>
  </tr>
</table>
<br><br>
<div id="operation">
  <h1>1. 운영개요 </h1>
  <p><img src="/wp-content/gallery/after20190805-07/1-1.jpg" width="800"   /></p>
 
</div>
<br><br>
<div id="assessment">
<h1>2. 종합평가</h1>
<p><img src="/wp-content/gallery/after20190805-07/2-1.jpg" width="800"   /></p>
</div>
<br><br>
<div id="after">
  <h1>3. 후기</h1>
<br><br>
<ul>
<li>후기 0</li>
<br><br><br>
</ul>
<br><br>
</div>
<div id="media">
  <h1>4. 활동 사진</h1>
  <p><img src="/wp-content/gallery/after20190805-07/4-1.jpg" width="800" /></p>
  <p><img src="/wp-content/gallery/after20190805-07/4-2.jpg" width="800"  /></p>
  <p><img src="/wp-content/gallery/after20190805-07/4-3.jpg" width="800"  /></p>
  <p><img src="/wp-content/gallery/after20190805-07/4-4.jpg" width="800"  /></p>
</div>
</div>

#afterfixed{
        position: fixed;
        bottom: 40%;
        right: 5%;
/*        width: 200px;*/
        border: 1px;
        text-align: center;
        text-decoration: none;
        background-color: white;
 
    } 
#afterfixed tr{
        border: 1px;
        border-color: black;
 
    }
.afterindex{
    width: 300;
   }
/*
.afterindex,.afterindex tr td{
          border-color: black;
 
}
*/
.afterindex tr td:first-child{
    text-align: center;
/*    text-align-last: center*/
 
}
#after ul {
    list-style-type : circle;
    line-height: 200%;
}
#after ul li{
    list-style-type : circle;
    line-height: 200%;
    font-size: 1.5em;
}