html - 和 中的文本对齐

Question

我的网站上有 2 个主要部分，aside 和 main 都在 Bulma 专栏类中。我的问题是标题没有对齐，我不知道如何对齐它们

显示问题的 IMG https://i.imgur.com/ae8Hfx3.png

HTML:

<div class="columns">
<aside class="menu is-narrow sidebar">
<h3 class="title boxed-section-title is-4">Technologies</h3>
</aside>
<main class="column" role="main">
<h3 class="title boxed-section-title is-4">Job offers</h3>
<main>

CSS:

.boxed-section-title.title {
    margin-bottom: .5rem;
}

Answer 1

如果您的意思是您的标题没有垂直对齐，那是因为 column 对主元素应用了填充。你没有上过的课aside .

您所要做的就是申请 column类也放在一边。

此处:https://codepen.io/anon/pen/dLrojp