<aside>和<main>中的文本对齐

Question

我在我的网站上有2个主要部分，除了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