<div class=" ui-grid-a " id="drinksTable" ><!--first row-->
<div class="ui-block-a " >
<div class="picsContainer " >
<div data-role="fieldcontain" >
<fieldset data-role="controlgroup" data-mini="false" data-theme="b" style="width: 98%; " data-corners="false">
<legend style="text-align: center ; ">abc</legend>
<input type="radio" name="radio-strength" id="radio-view-a" value="aa" data class="blabla" style="background-color: #BF8F54;"/>
<label for="radio-view-a" >aa</label>
<input class="blabla" type="radio" name="radio-strength" id="radio-view-b" value="bb" checked="checked"/>
<label for="radio-view-b" >bb</label>
<input class="blabla" type="radio" name="radio-strength" id="radio-view-c" value="cc" />
<label for="radio-view-c" >cc</label>
</fieldset>
</div>
</div>
</div>
<div class="ui-block-b ">
<div class="picsContainer" >
<div data-role="fieldcontain" >
<fieldset data-role="controlgroup" data-theme="b" data-mini="false" style="width: 98%" data-corners="false">
<legend >dbv</legend>
<input type="radio" name="radio-temp" id="radio-view-d" value="dd" data />
<label for="radio-view-d">dd</label>
<input type="radio" name="radio-temp" id="radio-view-e" value="ee" checked="checked"/>
<label for="radio-view-e">ee</label>
<input type="radio" name="radio-temp" id="radio-view-f" value="ff" />
<label for="radio-view-f">ff</label>
</fieldset>
</div>
</div>
</div>
何らかの理由で、上の図のラジオ ボタンには、左右にパディング/マージンがあります (図では赤く着色されています)。
どうすればそれを取り除くことができますか？親コンテナは誰ですか？（それが理由だと思います）最も重要なのは、それらを画面の幅全体に合わせる方法です（ただし、ボタン間のマージンを維持します）
それが十分に明確であることを願っています...ありがとう。