Styling a table and elements with CSS within a div -

Title	Email
AAA	aaa@aaa.aaa
BBB	bbb@bbb.bbb
AAA	aaa@aaa.aaa

Title	Email
AAA	aaa@aaa.aaa
BBB	bbb@bbb.bbb
AAA	aaa@aaa.aaa


The code:


    <style>
        .table_content    {margin:5px;}

        .table_content {font-family:Arial; font-size:12px;}

        .table_content .tfl { border:1px solid #eeeeff; border-collapse: collapse; }

        .table_content .tfl tbody tr.head  {font-weight:bold; background:#ccffcc; font-style:italic;}

        .table_content .tfl tbody tr.tralt td{  border-style: none; background:#eeeeff; }

        .table_content .tfl tbody tr td{ border-style: none; }

    </style>
    <div class="table_content">
        
        <table class="tfl">
            
            <tr class="head">
                <td>Title</td>
                <td>Email</td>
            </tr>

            <tr class="tralt">
                <td>AAA</td>
                <td>aaa@aaa.aaa</td>
            </tr>

            <tr>
                <td>BBB</td>
                <td>bbb@bbb.bbb</td>
            </tr>

            <tr class="tralt">
                <td>AAA</td>
                <td>aaa@aaa.aaa</td>
            </tr>

        </table>

    </div>

    <div class="table_other" style="margin-top:100px;">
        
        <table class="tfl">
            
            <tr class="head">
                <td>Title</td>
                <td>Email</td>
            </tr>

            <tr class="tralt">
                <td>AAA</td>
                <td>aaa@aaa.aaa</td>
            </tr>

            <tr>
                <td>BBB</td>
                <td>bbb@bbb.bbb</td>
            </tr>

            <tr class="tralt">
                <td>AAA</td>
                <td>aaa@aaa.aaa</td>
            </tr>

        </table>

    </div>