怎么样给单选按钮前面插入小图标

我们要实现下面的样式 在男和女的前面插入一个图标

思路:创建一个小小的容器，并给容器设置宽高，将图标放进去

代码实例:

css部分:

	.icon-man{
		width:50px;
		height:50px;
	}
	.icon-women{
		width:50px;
		height:50px;
	}

		
			性别
			
				
				
					
				男

				
				
					
				女
			
		

如果你想要调距离的话，就用padding属性 如下面的测试

将css设置成:

	.icon-man{
		width:50px;
		height:50px;
		padding-right:20px;
	}

其余的不变，看效果: 是不是偏离了很多