CSS Inserting tables

I'm new to using CSS and not sure how to embed a table into my webpage. I can put the html code straight into the html but it doesn't look right when I view it, very small and not aligned across the page.

So what is the best way to put a table into charity template using CSS?

 

I've had a play at it and this was the code I used in css which is basic but is all I'm after. How do I get internal black lines and any suggestions on better looking table

table {
border-collapse:collapse;
border:2px solid black;
width:100%
}
th {
height:50px;

}
td {
text-align:left;
height:50px;
vertical-align:top;
padding:15px;
}

 

Remove the border: 2px black from the table and put in the table cell. This should take care of both internal and external borders because you have the border-collapse in the table tag.

td {
text-align:left;
height:50px;
vertical-align:top;
padding:15px;
border:2px solid black;
}

If you need it in the th cell add it there too. You will need a container for the table so the change won't affect any other tables you may use. Something like:

Code:

#table_container table {
 border-collapse:collapse;
 width:100%
}
 
#table_container table th {
 height:50px;
 }
 
#table_container table td {
 text-align:left;
 height:50px;
 vertical-align:top;
 padding:15px;
border:2px solid black;
}

 

Thank you, I was so close. It's exactly how I want it.