CSS实现行内块和文字居中对齐

CSS实现行内块和文字居中对齐_第1张图片

CSS实现行内块和文字居中对齐_第2张图片
CSS实现行内块和文字居中对齐_第3张图片

  <!DOCTYPE html>
  <html lang="en">
  <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>CSS实现行内块和文字居中对齐</title>
     <style>
    img{
     
      /* vertical-align: middle; */
      /* vertical-align: bottom; */
      vertical-align: top;
    }
    textarea{
     
      resize: none;
      padding:20px;
      /* vertical-align: top; */
      vertical-align: middle;
    }
     </style>
  </head>
  <body>
   
  <textarea name="" id="" cols="30" rows="10"></textarea> 请你留言
  <img src="image/1.png" alt=""> hthjt
     
     
  </body>
  </html>

CSS实现行内块和文字居中对齐_第4张图片

你可能感兴趣的:(笔记,css)