jquery - 如何将文本区域放置在 Logo 旁边？

Question

这是一个未成年人example我的代码。正如您所看到的，文本区域距离 Logo 太远。我希望它位于 Logo 旁边(在桌面上时)和 Logo 下方(在移动设备上时)。

文本区域的CSS:

textarea{  
  display:block !important;
  box-sizing: padding-box !important;
  overflow:hidden !important;    
  padding:10px !important;
  width:250px !important;
  font-size:14px !important;
  border-radius:8px !important;
  border:6px solid #556677 !important;
}

Answer 1

在 Logo 的 CSS 中添加以下行:

示例:(桌面)

#logo {
        .....
        vertical-align: middle; 
        .... 
      }

示例:(移动设备)

@media (max-width:your width)
     {
     #logo { 
        width: your max width! or 100%;
        margin-left:auto;
        margin-right:auto;
        ....
       }
     }

希望有帮助!