<header class="header-block">
<div class="site-logo">
</div><!-- / site logo -->
<div class="navbar">
</div><!-- / main nav area -->
<div class="client-login">
</div><!-- / client login -->
</header>
在CSS中,您可以添加以下代码-
.header-block {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
direction: ltr; /* --- optional --- */
align-items: center; /* --- for positioning the child elements vertically center --- */
}
2条答案
按热度按时间shyt4zoc1#
除非你给我看html文件,否则我不能确定是什么问题。也许可以尝试在**.site-heading**中添加以下代码行
如果这不起作用,请提供的html标志和导航栏都位于。
brgchamk2#
请使用〉
display: flex;
例如,下面是
header(.header-block)
的HTML结构,其中包含a)徽标B)主导航c)客户端登录CTA在CSS中,您可以添加以下代码-
我希望你能得到预期的结果。
您可以在此处找到示例-〉http://wtaxtest.designshowcase.co.za