JSFiddle - React, Tailwind, and code Playground

by yifang

HTML

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>YiFang's autobiography</title>
</head>
<body bgcolor="#e6ecff">
  <h1 align="center" style="font-family:monospace">Yi Fang</h1>
  <br>
  <img src="https://i.imgur.com/0rE3WPx.jpg" height="240px" width="400px" alt="" class="center"/>
  <br>
  <div class="introduce">
    <br>
    <b class="blue">Birth:  </b>1996/01/08 (23 years old)
    <br>
    <b class="blue">Country:  </b>Taiwan
    <br>
    <b class="blue">Hobby:  </b>playing volley ball
    <br>
    <b class="blue">Favorite food:  </b>chocolate
    <br>
    <b class="blue">Department:  </b>Electrical Engineearing
    <br>
    <b class="blue">Travel:  </b>Japan, Thailand
    <br> 

  </div>

  
</body>
</html>

CSS

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.introduce {
  text-align: center;
  font-size: 22px;
  font-family:monospace;
}

.blue {
  color: #002db3;
}

audio {
  display:none;
}