<article id="article">
  <h1>내정보</h1>
  <div class="content">
    <p>내정보다</p>
    <table class="info">
      <thead>
        <tr>
          <th>이름</th>
          <th>나이</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>진우</td>
          <td>27</td>
        </tr>
      </tbody>
    </table>
  </div>
</article>
<section id="job">
  <table class="info">
    <tbody>
      <tr>
        <th>하는일</th>
        <td>front-end web dev.</td>
      </tr>
    </tbody>
  </table>
</section>
#article {
  width: 300px;
}
#article h1 {
  margin: 0;
  padding: 0 1em;
  background: #ccc;
}
#article .content {
  margin: 0;
  padding: 2em;
  background-color: #efefef;
}
#article .info th,
#article .info td {
  padding: 1em;
  border: 2px dashed #00f;   
}

#article .info th {
  color: #fff;
  background-color: #0aa;
}

#job .info th,
#job .info td {
  padding: .5em;
  border-width: 1px;
  border-style: solid;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.