使第一行textarea與列表項

Question

中的項目符號位於同一位置我有<ul>列表。

每li我已經修改子彈風格：

ul { 
    list-style: none; 
} 

ul li:before{ 
    content: "\2022"; 
    font-size: 170%; 
    margin-left: -16px; 
} 

我的名單看起來像：

<ul> 
    <li> 
     <textarea name="txtBullet1" rows="2" cols="70" id="txtBullet1" tabindex="20" onkeyup="maxLen(this);" required="required" style="width:100%;"></textarea> 
    </li> 
</ul> 

但textarea的比我的子彈上。我試過padding和margin將它移到較低，但不利於

Answer 1

您可以使用vertical-align:middle;與文本區域和子彈

ul { 
 
    list-style: none; 
 
} 
 

 
ul li:before{ 
 
    content: "\2022"; 
 
    font-size: 170%; 
 
    margin-left: -16px; 
 
    vertical-align:middle; 
 
} 
 
textarea { 
 
    padding:0; 
 
    vertical-align:middle; 
 
}

<ul> 
 
    <li> 
 
     <textarea name="txtBullet1" rows="2" cols="70" id="txtBullet1" tabindex="20" onkeyup="maxLen(this);" required="required" style="width:100%;"></textarea> 
 
    </li> 
 
</ul>