got the fine tuned solution... http://jsfiddle.net/UXSree/M5WwA/
h1{
border-bottom: 1px solid #999;
display: inline;
}
div{width:200px;border:1px solid red;}
質問
tried adjusting the sup tag with custom styling but it breaks when checked across the browsers. The current code shared http://jsfiddle.net/UXSree/FhVm5/10/ in the fiddle works for firefox and IE but when it comes to webkit browsers it fails. Has anyone come across this?
h1{
text-decoration:underline;
width:450px;
}
sup{
color:red;
font-size: 30%;
}
解決 2
got the fine tuned solution... http://jsfiddle.net/UXSree/M5WwA/
h1{
border-bottom: 1px solid #999;
display: inline;
}
div{width:200px;border:1px solid red;}
他のヒント
Hey here is a perfect solution
h1 {
text-decoration:underline;
width:450px;
display: inline;
}
sup {
color:red;
font-size: 30%;
vertical-align: top;
}
h1 {
text-decoration:underline;
width:450px;
display: inline;
}
sup {
color:red;
font-size: 30%;
text-decoration:none; display: inline-block;
}
The above is not an ideal solution, but it does work.