CSS：border-radiusと色がテーブル内で尊重されていません

Question

私はborder-radiusとborder-colorを持つspan要素を持っています。

テーブル要素には丸い効果が表示されますが、その周りの境界線は丸い角がない矩形になります。

フィドル：フィドルテキストTwoと

spanでhttp://jsfiddle.net/hXMLF/1182/

が所望の色の丸い境界を示しています。

のテキストは、tableの中にあり、長方形の境界を示しています。境界線の半径はthougthに適用されています。近くに見える場合は、黄色の楕円形が見えます。

赤い枠線は、両方のスパンが楕円形で、黄色の楕円形で表示される必要があります。

Answer 1

表セルブロックでスパン1の表示プロパティを設定しないでください。他の値を試してください：ブロックなど何か

Answer 2

私はそれがjsfiddleと関係があると思います。同じコードはSOコードスニペットを使って動作します。

body { 
 
    background-color: #efefef; 
 
} 
 
table { 
 
    border: 1px solid black 
 
} 
 
td { 
 
    border: 1px solid black; 
 
    padding: 10px; 
 
} 
 
.round-round { 
 
    border-radius: 15px; 
 
    background-color: yellow; 
 
    display: table-cell; 
 
    border: 1px solid red; 
 
}

<table cellpadding="10"> 
 
    <tr> 
 
    <td> 
 
     <span class="round-round"> One </span> 
 
    </td> 
 
    <td> 
 
     Something else 
 
    </td> 
 
    </tr> 
 
</table> 
 

 
<hr> 
 

 
<span class="round-round"> Two </span>