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

时间:2019-04-28 00:48:18

标签: html css bulma

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

1 个答案:

答案 0 :(得分:0)

如果您的意思是标题未垂直对齐,那是因为column类(而不是aside)将填充应用于主要元素。

您要做的就是将column类也放在一旁。

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