How can I have two columns (each row has text and image), but with everything in the same DIV?

DIV.VendorList1 ul {
float: left;
margin: 0;
padding: 0;
 
}
 
DIV.VendorList1 li {
background-color: wheat;
width: 400px;
padding-top: 15%
padding-left: 15%
height: 20px;
line-height: 50px;
 
 
 
}
DIV.VendorList1 img, img a {
border: 0;
padding-right: 5px;
width: 50px;
hight: 50px;
 
 
}