Making a table with horizontal line only

css, html

Solution

Potentially like this (jsfiddle):

table {
    border-collapse: collapse;
    width: 100%;
}

tr {
    border-bottom: 1px solid #ccc;
}

th {
    text-align: left;    
}

<table>
    <thead>
        <tr>
            <th>Name</th>
            <th>Age</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Jose</td>
            <td>25</td>
        </tr>
        <tr>
            <td>Alberto</td>
            <td>32</td>
        </tr>
    </tbody>
</table>

Problem

How can I build a `table` in HTML and CSS only with the horizontal lines? I've tried so much stuff but I cant get it to work. Something like this: Name (space) Age Andre (space) 12 Jose (space) 16

Original source