这种页脚怎么做啊？我做的为啥都是竖排，div求解
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<style>
* {
margin: 0px;
padding: 0px;
list-style: none;
}
ul{
float: left;
margin-right: 80px;
}
</style>
<body>
<ul>
<li>标签</li>
<li>标签</li>
<li>标签</li>
<li>标签</li>
</ul>
<ul>
<li>标签</li>
<li>标签</li>
<li>标签</li>
<li>标签</li>
</ul>
<ul>
<li>标签</li>
<li>标签</li>
<li>标签</li>
<li>标签</li>
</ul>
<div style="clear: both;"></div>
<!-- 二维码 -->
<div>
<img style="width: 130px;" src="2.jpg" >
</div>
<div style="text-align: center;">Copyrigh.....</div>
</body>
</html>
三个ul，都设置左浮动float:left，然后在下面的div设置清除浮动clear:both