我有以下
我希望它看起來像這樣：
uj5u.com熱心網友回復：
您可以將兩個元素（影像和文本）包裝在一個 div 中并給它顯示 flex，這樣就好像它們是兩列一樣。
<div class="para">
<div style="display:flex">
<img src="https://i.postimg.cc/0ybqQCBY/hand.png" style="width: 20px;height: 20px;display: inline-block;vertical-align: middle;margin-right: 5px;">
<span>
Join the waitlist <a href="https://www.example.com/" target="_blank" style="color:#29abe2">here is some long text here is some long text here is some long text here is some long text here is some long text </a>
</span>
</div>
</div>
uj5u.com熱心網友回復：
這似乎有點作業，可能需要一些調整。
<div class="para">
<p style="margin:0 0 5px;line-height: 1.2;font-family: sans-serif;font-size: 14px; color: #666666;">
<img src="https://i.postimg.cc/0ybqQCBY/hand.png" style="width: 20px;height: 20px;display: inline-block;vertical-align: middle;margin-right: 5px;">
Join the waitlist
<a href="https://www.google.com" style="display: inline-block;vertical-align: middle;margin-left: 20px;overflow: hidden;text-overflow: clip;white-space: nowrap;">S IS TEXTTHIS IS TEXTTHIS IS TEXTTHIS IS TEXTTHIS IS TEXTTHIS IS TEXTTHIS IS TEXTTHIS IS TEXTTHIS IS TEXTTHIS IS TEXT</a>
</p>
</div>
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/531652.html
標籤：htmlcss
下一篇：切換開關需要兩次單擊才能滑動