让列表彼此相邻

Question

我试图将四个列表放在#intro右侧。我试过制作display:inline-block;

http://jsfiddle.net/7aq8cx4o/

#profile { width:75%; float:right; position:relative;}

Answer 1

同意Paul Roub和Disnifor的评论。 我还注意到宽度超过100％并且很容易通过#intro { width:25%; ... }

进行修正

在这里查看此代码： http://codepen.io/anon/pen/dogPrw?editors=110

欢呼声， （再次归功于Paul和Disnifor，他在评论中回答我）