html中两个按钮排成一行,js里两个元素如何排在同一行

js里两个元素怎么排在同一行

js里加载了一个谷歌地图，占了左半边屏幕，想在右边加一些按钮链接，但是位置总是要在地图右上或者右下，不能在正右方

本来是想左半边显示地图，右边有一竖列几个按钮跳转，求问怎么做

------解决方案--------------------

------解决方案--------------------

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

无标题文档

ul{margin:0;padding:0;list-style:none;}

.map{width:500px;height:400px;float:left;background:red;line-height:400px;text-align:center;color:#fff;}

.list{width:200px;float:left;}

.list li{text-align:center;}

该区域加载地图