<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>基础 CSS 理解</title>
  </head>
  <body>

  <section class="card">
    <header>
      <h2>阿兰·图灵</h2>
    </header>
    <article>
      <img src="turing.png" alt="图灵黑白肖像">
      <p>帕丁顿<br>
         西敏市<br>
         伦敦大区<br>
         大不列颠及北爱尔兰联合王国<br>
         123456<br>
        <strong>电话号码</strong>：01234 567 890<br>
        <strong>电子邮件</strong>：turing@nothere.com</p>
    </article>
    <footer>
      <p>英国计算机科学家、数学家、逻辑学家、密码分析学家和理论生物学家，被誉为计算机科学与人工智能之父。</p>
    </footer>
  </section>

  </body>
</html>
