Question

我一直在努力争取这一段时间，并且即将放弃。我试图做的是在浮动左侧显示徽标，用户欢迎在浮动左侧显示在同一行。而不是在不同的线上。这是我的样式表中的代码..请帮助

header, footer, hgroup,
nav, section {
    display: block;
}

mark {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;    
}

Answer 1

使用

Display: inline-block;

同时标识徽标和用户登录元素。

Answer 2

您可以删除float，使用

display:inline-block;

这两个元素（徽标和用户欢迎）。

Answer 3

没有标记就无法理解。无论如何，根据我的解释，你需要这个。

   Markup 

  <div class="logo">
    <img class="place-left" src="http://t1.gstatic.com/images?q=tbn:ANd9GcQf2S3rAr9N1AonEHJ4MyamBQPzlz_1wledD4A0GdbNzO6Xw-Qy" />
    <div class=""> Bugatti welcomes you</div>
 </div>


  Styles

 .place-left {
        float: left;
 }

 .logo {
      height: 40px;
      width: 200px;
      position: relative;
 }

 .logo img {
       height: 40px;
       width: 40px;
 }

 .logo .message {
       position: absolute;
       left: 50px;
       top: 10px;
 }

在用户登录的同一行显示徽标

3 个答案: