与用户登录在同一行显示标志

我一直在为此苦苦挣扎了一段时间，并即将抛出毛巾。即时消息试图做的是在浮动左侧显示徽标，用户欢迎浮动左侧在同一行。而不是在不同的线路上。这里是我的样式表的代码..请帮助与用户登录在同一行显示标志

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;  
}

来源

2013-10-04 user2845686

感谢这个CSS，但HTML结构将不胜感激。 – zessx

HTML在哪里？ – Aneesh

使用

Display: inline-block;

上的标识和用户登录元素两者。

来源

2013-10-04 08:01:41 Safinn

你可以仅仅删除float，使用

display:inline-block;

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

来源

2013-10-04 08:06:45

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

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; 
}

来源

2013-10-04 15:17:08

与用户登录在同一行显示标志

回答

相关问题