HTML.cafe - a realtime HTML editor and host

xxxxxxxxxx
     <div class="item2"><img src="https://www2.cyvs.cy.edu.tw/sv/taqmp.php" /></div>
 
<!doctype html>
<html>
  <head>
   <style>
        .container {
          display: flex;
          flex-flow: row wrap;
          justify-content: center; /* 水平對齊 */
          align-items: center;     /* 垂直對齊 */
          gap: 20px;               /* 留空 */
        }
​
        .item1 {
          flex: 0 0 30%;              
          padding: 10px;
          background-color: pink;
        }
     
        .item2 {
          flex: 1 1 60%;                
          padding: 10px;
          background-color: gold;
        }
​
     hr {  }
    </style>
  </head>
html