EPTIm learning some HTML/CSS, again^^. and I found a problem... I googled for like an hour but still cant find answer -.-
Im trying to print a simple text with top and bottom border:
So, this is what I want:
![[image loading]](http://i.imgur.com/4stMq.png)
Here is the code
html:
<body>
<h1>CSS border property example</h1>
</body>
css:
h1 {
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-style: solid;
}however the result is this, which is not what I want:
![[image loading]](http://www.w3.org/wiki/images/7/74/Csslist2_border-width.png)
like u can see the lengths of borders are way too long, I know I can fix this by using the <table> element instead of <h1>, but i wanna know how can I fix this without touching the html code? I guess I need some magic to my CSS file T.T
halp =(
ps. Fixed... thanks everyone
