html实现 左图右文_左图右文效果CSS的实现

new document

* {

margin:0;

padding:0;

}

img {

height:100px;

width:100px;

border:1px solid #ccc;

padding:2px;

}

h3 {

font-size:12px;

color:#09c;

line-height:2em;

}

p {

font-size:12px;

text-indent:2em;

line-height:1.5em;

}

#container {

width:300px;

margin:0 auto;

margin-top:10px;

border-top:1px dotted #666;

border-bottom:1px dotted #666;

position:relative;

}

#leftContent {

position:absolute;

top:4px;

left:4px;

}

#rightContent {

margin-left:120px;

}

畅游五寨沟

醉江月酒店地处珞狮路，招牌菜脆皮蒜香鸡38元/份，此菜关键在选料上，采用了当年的童子鸡，突出蒜香味，分外诱人。鸡皮脆而肉鲜，菜式比较诱人，稍有些腻。

运行代码

复制代码

另存代码

提示：您可以先修改部分代码再运行