html: I have three columns but everything should be in two columns

This html code "Date Accessed" is in one column (at the top as a header), while the actual dates are in another column, but they’re all supposed to be in one column. I can’t figure out why.

<!DOCTYPE html>
{% load static %}
    <meta charset="utf-8">
    <title>Django Level Two</title>
    <link rel="stylesheet" href="{% static "css/mystyle.css" %}"/>
  <h1> Hi welcome to Django Level Two <h1>
  <h2> Here are your access records:<h2>

  <div class="djangtwo">
    {% if access_records %}
        <th>Site Name</th>
        <th>Date Accessed</th>

      {% for acc in access_records %}
      {% endfor %}
      {% else %}
      <p>NO ACCESS RECORDS </p>
      {% endif %}


the problem is not in the .css file but here it is anyways

  color: red;
table, th, td {
  border: 2px solid black

any help would be greatly appreciated-thnx