<aside> 和 <main> 中的文本对齐方式答案

【问题标题】：Text alignment in <aside> and <main><aside> 和 <main> 中的文本对齐方式
【发布时间】：2019-09-17 01:25:38
【问题描述】：

我的网站上有 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;
}

【问题讨论】：

想发布 Codepen 示例？根据我所看到的，我认为这应该不是问题。 codepen.io/anon/pen/ROdPjK
只是复制了那里的所有相关内容，但它不支持 Bulma，因此它在一列中显示所有内容@Edit Supporting Bulma codepen.io/frohus/pen/YMgXap

标签： html css bulma

【解决方案1】：

如果你的意思是你的标题不是垂直对齐的，那是因为你没有到aside 的column 类应用于主元素的填充。

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

这里：https://codepen.io/anon/pen/dLrojp

【讨论】：