HTML borders

[NightSkyAurora]

Greetings everyone

I find it difficult to set more than 1 border's size to a fixed value while inside another border. for example:
__________________

STYLE:
border1 {
width:1000px;
height:1000px;
border-style:solid;
border-width:1px;
border-color:black;
margin:auto;
}

border2 {
width:1000px;
height:1000px;
border-style:solid;
border-width:1px;
border-color:black;
margin:auto;
}
__________________

BODY:
<border1>
1
<border2>
2
</border2>
</border1>
__________________

the second border wraps around "2" instead of being 1000x1000 like the first border. Why does this happen and how can I fix it?

Thanks for helping

 

[pred1980]

I'm not sure what you want... but there's no HTML Element called...

<border> </border>

!!!

Reg.

 

[NightSkyAurora]

I'm not sure what you want... but there's no HTML Element called...

<border> </border>

!!!

Reg.

That border wraps around text. I wanted to style different borders with different widths and heights. Anyway thanks for your respond, I've found the solution:

#border1{
...
}

#border2{
...
}

<div id="borderN">abcde</div>

 

[GhostWolf]

That is true! If you use actual HTML, and not your arbitrary made-up elements, it might work.