単語の一部に下線を付けて表示できず、一部を下線なしで表示できないという問題があります。「登録済み」記号に下線を付けないようにします。
HTML:
<h3>Basecamp<span class="sup">®</span></h3>
CSS:
h3 {
font-size: 21px;
color: #369;
font-weight: bold;
text-decoration: underline;
margin-top: 5px;
padding: 5px;
}
.sup {
vertical-align: super;
text-decoration: none; /*how do i get this off?!*/
font-size: 50%;
font-weight: 400;
}