让div排列在一起

时间:2012-06-30 17:36:14

标签: css html

我如何修改css以获得“欢迎”和“已经是会员?登录”div彼此相邻而不是彼此相邻?

非常感谢提前。

http://jsfiddle.net/methuselah/uXFt6/1/

4 个答案:

答案 0 :(得分:2)

您只需为float添加<div>属性即可。所以试试这样:

<div style="float: right;">Already a member? Sign in</div>


注意:此处有效example
注2:如果您想在左侧登录<div>,只需为float: left设置<span>属性

答案 1 :(得分:1)

浮动:左;最有可能是有用的。见编辑小提琴:

http://jsfiddle.net/uXFt6/7/

答案 2 :(得分:1)

或另一种方法是在Welcome的Span

上添加float:left css属性
 <span style="font-size : x-large;float:left">Welcome</span>

见这里:http://jsfiddle.net/uXFt6/14/

答案 3 :(得分:1)

这个jsFiddle可以解决问题。请参阅所做更改的注释。

http://jsfiddle.net/uXFt6/15/