Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
  <style>
    * {
      font-family: "微軟正黑體";
    }
    .card {
      width: 400px;
      height: 600px;
      padding: 50px;
      border: 10px dashed black;
      background: white;
    }
    .text-center {
      text-align: center;
    }
  </style>
</head>
<body>
  <div class="card">
    <!-- <figure class="myWrapper">
      <img src="https://cutewallpaper.org/21/ryan-kakao-desktop-wallpaper/Ryan-Kakao-Wallpaper-Desktop-Hd-Wallpapers-and-backgrounds-.jpg" class="myImage">
    </figure> -->
    <h1 class="text-center">Kakao Friends</h1>
    <div class="content">
      <h2>Ryan 萊恩</h2>
      <p>外表經常被誤認為是熊，其實是一隻因為沒有鬃毛而感到自卑的獅子</p>
      <p>興趣是看電視、電影，還有吃爆米花</p>
      <p>有一顆善良又溫暖的心是個很好的傾聽者，是個暖男來著</p>
      <p>雖然是2016年才加入的角色，但憑藉著木訥的表情和反差少女萌的性格圈粉無數，人氣直線上升目前是KAKAO FRIENDS中最火紅的角色!!</p>
    </div>
  </div>
</body>
</html>
 
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
sammiehsiehpro
0viewers