相关疑难解决方法(0)

可以说我有一个带有字体真棒图标和一些文字的引导按钮:

<div>
    <i class='icon icon-2x icon-camera'></i>
    hello world
</div>

如何使文本垂直居中显示？文本现在与图标的下边缘对齐:http://jsfiddle.net/V7DLm/1/

编辑: 我有一个可能的解决方案:http://jsfiddle.net/CLdeG/1/但它感觉有点hacky - 介绍额外的p标签,使用左拉和显示:表.也许有人可以建议一个更简单的方法

如何将其垂直居中<div class="columns is-vcentered">于包围它的红色部分？

我应该在这里删除或添加一些类来改进这些代码吗？请建议我.谢谢!

我是CSS框架的新手,从未尝试过Bootstrap而是选择了Bulma.

<section id="eyes" class="section">
    <div class="container">
        <div class="columns is-vcentered">
            <div class="column">
                <h1>Eyes on what matters</h1>
                <p>Backtick is made to look minimal, so you can focus on your code, always. From UI to linter errors, everything is kept non-obtrusive.</p>
            </div>
            <div class="column">
                <img class="image" src="img/roll.jpg" alt="">
            </div>
        </div>
    </div>
</section>

在CSS中除了着色元素,我只做了这个:

section {
    height: 70vh;
}