tabs.

<style>
/*This is what your tabbed pages will look like*/
    .contentbox {
    background-image:url('');
    left:290px;
    top:250px;
    width:270px;
    background-color:none;
    position:absolute;
    height:425px;
    font-size:10px;
    font-family: palatino;
    line-height: 100%;
    color:#452d29;
    box-shadow:1px 1px 20px #000;
    border:0px;
    border-radius:10px;
    border-style: solid;
    border-color:black;
    font-style:normal;
    letter-spacing:1px;
    }

/*This is to align and shape content inside tabbed pages*/
    .section {
    height: 415px;
    overflow: auto;
    text-align: left;
    padding-right:25px;
    padding-left:8px;
    padding-top:10px;
    }

/*This basically makes the tabs, removing it will make it not work, fuck if I know why.*/
    .block {
    width: 290px;
    height: 425px;
    overflow: auto;
    overflow-y: hidden;
    border-top:0px;
    border:0px solid white;
    }

/*This is the text of your links for the tabs basically*/
    #text{
            position:fixed;
            width: 200px;
            height: 30px;
            top: 220px;
            left: 295px;
            border-style:solid;
            border-width:0px;
            border-color: #cccccc;
            font-family: times new roman;
            font-size: 15px;
            color: black;
            text-align: justify;}

</style>

<div id="text">
    <a id="tab1" href="#01">❤</a> X
    <a id="tab2" href="#02">❤</a> X
    <a id="tab3" href="#03">❤</a> X
    <a id="tab3" href="#04">❤</a> X
</div>


    <div class="contentbox">
    <div class="block">


<a name="01"></a>
    <div class="section">
    <center><h1>Here's some text</h1></center>

<i>b a s i c s</i><br>
Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text. Lots of text.
    </div>

    <a name="02"></a>
    <div class="section">
    <center><h1>02</h1></center>
TEXT</div>

    <a name="03"></a>
    <div class="section">
    <center><h1>03</h1></center>
TEXT</div>

    <a name="04"></a>
    <div class="section">
    <center><h1>04</h1></center>
TEXT</div>