【ASP.NET Webform】RadioButtonList 解決 label 內容過長時對齊的問題

首先 RadioButtonList 莫名的預設是 html table，先把它設回比較合理的 ul，設定RepeatLayout="UnorderedList"。

然後針對裡面的個別元素去調整 display 模式，我的需求是 radio 跟 label 一組為一行，所以每個 li 是一個 block，裡面都是 inline。
※ display 參考

#RadioButtonList_items li
{
    display: block;
}
#RadioButtonList_items li < input
{
    display: inline;
}
#RadioButtonList_items li < label
{
    display: inline;
}

可以看到 radio 後面有凸排，我希望不要有。

#RadioButtonList_items li < input
{
    display: inline;
    margin-left: -17px;
    margin-right: 5px;
}

最後調整 margin-left 為負把它吸過去，搞定

總覺得應該要有更好的方法，不過先這樣。

ref: SO。