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

Question

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

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 class 对主元素应用了填充，而您没有 aside。

您所要做的就是将 column class 也应用到一边。

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

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

Text alignment in <aside> and <main>

html

css

bulma