如何显示两个只有文本在内的div？

Question

目前我有两个div：

<div id="first">gdsgdsgsd</div><div id="second">aaaaaaa</div>

，输出为：

gdsgdsgsd
aaaaaaa

但是我希望输出为：

gdsgdsgsdaaaaaaa

这是一个非常简单的小提琴:) http://jsfiddle.net/6oqrj9oo/1/

你对修复这个有什么建议吗？ 感谢

Answer 1

这些divs是块级元素，因此会叠加在彼此之上。尝试制作inline或inline-block。内联元素将并排放置。

#first, #second {
    display: inline;
}

或者你可以float他们

Answer 2

使用display:inline-block

＆＃13;

＆＃13;

div{
    display:inline-block;
}

＆＃13;

<div id="first">gdsgdsgsd</div><div id="second">aaaaaaa</div>

＆＃13;

＆＃13;

＆＃13;