将公司名称转移到底部的最佳方法是什么？

Question

我将以下html作为布局页面的一部分： -

<div class="top-nav nav-collapse">
<ul class="nav">                     
<li class="customTitle">custome Title </li>
<li>
</li></ul>
</div>

但标题位于页面顶部，如下所示： -

所以我在标题文本之前添加了一个如下： -

<div class="top-nav nav-collapse">
<ul class="nav">                     
<li class="customTitle"><br/>custome Title </li>
<li>
</li></ul>
</div>

并将标题转移到底部，如下所示： -

但我的问题是添加<br/>，是否有正确的方法来实现我的布局要求？

thnaks

Answer 1

尝试调整line-height课程的.customTitle。特别是，如果您将line-height设置为等于height，那么您的文字将显示在标题栏的中间。

Answer 2

尝试这个，

.customTitle
{
line-height:(somevalue)px;
}

Answer 3

您可以使用padding-top：设置元素的顶部填充（空格）

.nav .customTitle { padding:YYYpx; }

或

line-height：指定行高

 .nav .customTitle { line-height:XXXpx; }

Answer 4

永远不要使用<br/>'你可以使用填充或行高。

.customTitle
{
line-height:___px;
}

或

.customTitle
{
padding-top:___px;
}

Answer 5

永远不要使用<br/>来造型！

您可以使用

li.customTitle { line-height:...; }

或

li.customTitle { padding:...px; }

Answer 6

您可以使用style标记。给填充....

<li class="customTitle"><span style="padding-top:10px">custome Title</span> </li>

你可以根据需要调整身高......