<!DOCTYPE html>

<html>    

    <head>

        <title>UEFA Champions League Stats</title>

        <link rel="stylesheet" href="style.css">

    </head>    

    

    <body> 

        <table>

            <tr>

                <td colspan="4"><h1>UEFA Champions League - Most Titles</h1></td>

            </tr>

            

            <tr>

                <td>Position</td>

                <td>Club</td>

                <td>Country</td>

                <td>Titles</td>

            </tr>

            <tr>

                <td>1</td>

                <td>Real Madrid</td>

                <td>Spain</td>

                <td>13</td>

            </tr>

            <tr>

                <td>2</td>

                <td>Milan</td>

                <td>Italy</td>

                <td>7</td>

            </tr>

            <tr>

                <td>3</td>

                <td>Liverpool</td>

                <td>England</td>

                <td>6</td>

            </tr>        

        </table>

    </body>    

</html>
body {

       font-family: sans serif;

       font-size: 1em;

       line-height: 1.5em;

       

}

table {

       text-align: center;

       width: 60%;

       margin: auto;

       table-layout:fixed:

       border-collapse: collapse;

}

th,td {

       border: 1px solid black;

}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.