У меня есть два столбца с определенной максимальной шириной 600 пикселей.
На рабочем столе все в порядке, но при меньших размерах, когда столбцы разбиваются, один столбец не центрируется, а выравнивается по левому краю.
Как я могу центрировать отдельные столбцы при разрыве?
<style>
.jobMain div.rowCenter {
display: table;
margin: auto;}
.jobMain div.colCenter {
max-width: 600px;}
.jobMain .row .col {
max-width: 600px;}
</style>
<div class="jobMain">
<div class="row rowCenter" style="font-size: medium;">
<div class="col">
<h2>Dein Profil</h2>
<ul>
<li><span>Du interessierst Dich für Themen wie </span><strong>Marketing, Psychologie und Kommunikation?</strong></li>
<li>Du möchtest studieren aber gleichzeitig <strong>praktische Erfahrung sammeln</strong> und <strong>Dein eigenes Geld verdienen?</strong></li>
<li>Du möchtest eine solide <strong>kaufmännische Ausbildung mit viel Kundenkontakt</strong> und optimalen <strong>Karrieremöglichkeiten?</strong></li>
<li>Du möchtest beruflich <strong>gefördert aber auch gefordert werden</strong>?</li>
</ul>
<p style="font-style: italic;">… Dann ist ein duales Studium bei SOURCE genau das Richtige für Dich.</p>
</div>
<div class="col">
<h2>Das Studium</h2>
<ul>
<li>Anerkannter <strong>Abschluss</strong>als <strong>Bachelor of Science</strong> (B.Sc.)!</li>
<li>Du studierst entweder im Präsenzstudium oder 100% online und <strong>maximal flexibel</strong> in einem <strong>FIBAA akkreditierten Studiengang</strong></li>
<li>Das Studium ist modular aufgebaut und umfasst spannende Themen wie: <strong>Psychologie, Marketing,</strong> BWL, Recht, <strong>Personal Skills</strong> und <strong>Projektmanagement</strong></li>
<li>Du erhältst einen <strong>persönlichen Study Coach</strong>, der Dich im Rahmen der Organisation Deines Studiums unterstützt.</li>
</ul>
</div>
</div>
</div>
Надеюсь, вы можете помочь!
Заранее спасибо!