css - HTML word lining -


this line

<p style="text-align:center;">   <a href="www.facebook.com" style="text-decoration:none;color:black">    <h2>about us</h2></a>   <a href="www.facebook.com" style="text-decoration:none;color:black">     <h2>contact us</h2></a>   <b> | </b>   <a href="www.facebook.com" style="text-decoration:none;color:black">     <h2>f . . q</h2></a>     <b> | </b>   <a href="www.facebook.com" style="text-decoration:none;color:black">     <h2>shipping</h2></a>     <b> | </b>   <a href="www.facebook.com" style="text-decoration:none;color:black">     <h2>return policy</h2></a> </p> 

this result:

about us

contact us

|

f . . q

|

shipping

|

return policy

i want result :

about | contact | f.a.q | shipping | return policy 

anything did wrong?

you can't place block elements(h2) inside anchors(a)

if remove <h2> <a> problem solve check updated code here

but thing ul li best fit in structure.

also if add space between <a> , <b> use margin

jsfiddle code


Comments

Popular posts from this blog

How to connect android app to App engine -

gcc - MinGW's ld cannot perform PE operations on non PE output file -

php - display validation error message next to the textbox in codeigniter -