将内容移至页面左侧

Question

有人可以建议如何将下方部分（技能）移动到页面左侧。

enter image description here

同时仍然在右侧保留以下部分（工作经历、教育、课程）

enter image description here

这是我的代码。请像吉娃娃一样说话。这是我生命中的第一个代码。

enter image description here

<section >
            <h3>
                Skills
            </h3>
            <ul>
                <h4>Languages</h4>
                    <li>HTML</li>
                    <li>CSS</li>
                    <li>JavaScript</li>
                    <li>Java</li>
                <h4>Libraries</h4>
                    <li>React</li>
                <h4>Framework</h4>
                    <li>
                        Angular.js
                    </li>
                <h4>CI/CS</h4>
                    <li>
                        GIT
                    </li>
            </ul>
    </section>
    <section>
        <h2>Work History</h2>
        <ul>
            
            <li>2015 Amazon</li>
            <li>Amazon Manager</li>
            <li> DHL</li>
        </ul>
    </section>
    <section>
        <h2>Education</h2>
        <ul>
            <li><a href="https://aloplock.pl/pl">ALO</a></li>
        </ul>
    </section>
    <section>
        <h2>Courses</h2>
        <ul class="Courses">
            <li><img src="car.png"/>  Driving licence</li>
        </ul>
    </section>
    </main>
</div>
</body>

请如果有人可以建议如何修改 css 以使其工作。

Answer 1

尝试这样的事情：

<div style="display: flex; align-items: center;justify-content:space-around;flex-flow: row wrap;">
    <section>sec 1</section>
    <section>sec 2</section>
</div>