Changing bold text into normal

HTML & CSS
1

I have Guest and Login on the top right at http://dot.kr/x-test/layOut/02/ with strong.

I like to make the strong Guest and Login to the normal Guest and Login.

If I remove #guest-login strong in code below, I can get the result which is the normal Guest and Login but it breaks the layOut of the Guest and Login area

#guest-login span, [B]#guest-login strong[/B] {

 border:1px solid #555;

 background:#ffff88;

 padding:2px;

 overflow:hidden;

 display:block;

 text-align:center;

}

How can I make the strong Guest and Login to the normal Guest and Login without breaking the layout?

2

The easiest way would be to remove the <strong> tag from your HTML, but if you can’t do that for some reason then just add font-weight:normal to that bit of the CSS.

3

The <strong> tag is removed at http://dot.kr/x-test/layOut/03 which has 2 problems; the one is there is no background-color in the block of quest and login, and the other is the text "guest and login are not align-centered.

The result of it is good. Thank you for that.
but the below code which is at http://dot.kr/x-test/layOut/03 is somewhat awkward.

<strong style="font-weight:normal">Guest</strong>
<strong style="font-weight:normal">Login</strong>

How can I replace the awkward code above with the same result of it?

4

before modified

after modified

5

Dont use CSS inline. It is awkward, and it really paint s you into a corner as far as specificity goes.


#guest-login span, #guest-login strong {
 border:1px solid #555;
 background:#ffff88;
 padding:2px;
 overflow:hidden;
 display:block;
 text-align:center;
font-weight:normal;

}

should do the trick.

6

Making strong first and back to normal later is not redundancy ?

7

STRONG indicates strong(er) emphasis is isn’t meant for making text bold, were you actually wanting to make LABEL text for a form?