一个灰常简单的panel里设置HTML. 加了style后为什么会换行?

Question

代码1:
[code="js"]
Ext.onReady(function(){
var panel = new Ext.Panel({
height:600
,width:300
,renderTo:document.body
,html:'aaaaa: bbbb'
});
});
[/code]

效果1:
[img]http://dl.iteye.com/upload/attachment/185950/b4b4be1d-1bd5-31ef-a6c5-931e256fbb5a.jpg[/img]

代码2:
[code="js"]
Ext.onReady(function(){
var panel = new Ext.Panel({
height:600
,width:300
,renderTo:document.body
,html:'aaaaa: bbbb'
});
});
[/code]

效果2:
[img]http://dl.iteye.com/upload/attachment/185948/909813e1-de8c-3c10-834e-68a8d9fc29f0.jpg[/img]

Answer 1

display:block
可以将block里的内容看做一个块，那么前后当然会换行显示了