Help box doesn't appear?

[houseplant]

do im tryna dabble in bbcode+ again but i made the box class and when i try to use it doesn't work? am I missing something? (its always me missing something)

[nobr]

[class name=bg]
background:#f88379;
height:300px;
width:500px;
[/class]

[class name=Tabs]
display:inline-block;
color:white;
background:#f88379;
width:125px;
height:25px;
[/class]

[class name=tab1]
display:inline-block;
cursor:pointer;
width:125px;
height:25px;
margin:auto;
margin-left:-20px;
[/class]

[class name=tab2]
display:inline-block;
cursor:pointer;
width:125px;
height:25px;
margin:auto;
margin-left:-20px;
[/class]

[class name=tab3]
display:inline-block;
cursor:pointer;
width:125px;
height:25px;
margin:auto;
margin-left:-20px;
[/class]

[class name=tab4]
display:inline-block;
cursor:pointer;
width:125px;
height:25px;
margin:auto;
margin-left:-20px;
[/class]

[class=tabcontent1]
height:50px;
width:400px;
text-align: justify;
[/class]

[class=tabcontent2]
height:50px;
width:400px;
text-align: justify;
[/class]

[class=tabcontent3]
height:50px;
width:400px;
text-align: justify;
[/class]

[class=tabcontent4]
height:50px;
width:400px;
text-align: justify;
[/class]

[script class=tab1 on=click]
hide tabcontent2
hide tabcontent3
hide tabcontent4
show tabcontent1
addClass Tabs
[/script]

[script class=tab2 on=click]
hide tabcontent1
hide tabcontent3
hide tabcontent4
show tabcontent2
addClass Tabs
[/script]

[script class=tab3 on=click]
hide tabcontent1
hide tabcontent2
hide tabcontent4
show tabcontent3
addClass Tabs
[/script]


[script class=tab4 on=click]
hide tabcontent1
hide tabcontent2
hide tabcontent3
show tabcontent4
addClass Tabs
[/script]

[class=box]
border:4px solid white;
height:200px;
width:400px;
margin:auto;
margin-left:200px;
margin-top:-510px;
[/class]

[div class=bg]
[div class=tabs][color=white][div class=tab1][SIZE=30PX][center][fa]fa-edit[/fa][/center][/SIZE][/div] [br][/br][br][/br][div class=tab2][SIZE=30PX][center][fa]fa-palette[/fa][/center][/SIZE][/div] [br][/br] [br][/br][div class=tab3][SIZE=30PX][center][fa]fa-eye[/fa][/center][/SIZE][SIZE=20PX][/size][/div][br][/br] [br][/br][div class=tab4][SIZE=30PX][center][fa]fa-eye[/fa][/center][/SIZE][/div][/color][color=white][/color]

[div class=tabcontent1 style="display:none;"]htethhetetheththeethetheththeeth shit here suh dyde[/div]
[div class=tabcontent2 style="display:none;"]htethhetetheththeethetheththeeth shit here[/div]
[div class=tabcontent3 style="display:none;"]etheeeeeeeeeeeeeeeeeeee[/div]
[div class=tabcontent4 style="display:none;"]etheeeeeeeeeeeeeeeeeeee[/div]
[/div]
[div class=box]htheth[/div]
[/nobr]

 

[Alteras]

you have the margin-top set to -510px, which would place it above and behind everything else