HTML - wyśrodkowanie div'a - Forum Pasja Informatyki

pytanie zadane 24 czerwca 2017 w HTML i CSS przez dziadek Początkujący (440 p.)
zamknięte 24 czerwca 2017 przez dziadek

Witam,

to jest moja strona i chce, aby POST był wyśrodkowany, próbowałem takich rzeczy jak margin-left: auto;, left: 50%;, ale nie działa.

To jest plik base.html

{% load staticfiles %}
<html>
    <head>
        <title>Simple Django Blog</title>
        <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
        <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
        <link href='//fonts.googleapis.com/css?family=Lobster&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" href="{% static 'blog/css/blog.css' %}">
    </head>
    <body>
        <div class="page-header">
            <h1><a href="/">Simple Django Blog</a></h1>
        </div>
        <div class="content container">
            <div class="row">
                <div class="col-md-8">
                {% block content %}
                {% endblock %}
                </div>
            </div>
        </div>
    </body>
</html>

A tutaj plik blog.html

{% extends "blog/base.html" %}

{% block content %}
	{% for post in object_list %}
		<div class="post">
	        <div class="date">
	            {{ post.date }}
	        </div>
	        <h1><a href="/blog/{{post.id}}">{{ post.title }}</a></h1>
	        <p>{{ post.body|safe|linebreaksbr }}</p>
    	</div>
	{% endfor %}
{% endblock %}

A oto plik blog.css

.page-header {
    background-image: url("/static/blog/img/bg.jpg");
    margin-top: 0;
    text-align: center;
    padding: 20px 20px 20px 40px;
}

.page-header h1, .page-header h1 a, .page-header h1 a:visited, .page-header h1 a:active {
    color: #ffffff;
    font-size: 36pt;
    text-decoration: none;
}

Z góry dziękuję za pomoc.

komentarz zamknięcia: Problem został rozwiązany.