2 div yanyana getirme

arkadaşlar dreamweaver kullanıyorum herşey gayet güzel gidiyordu ancak 2 divi yan yana getiremedim. Aslında getirmek için gerekeni yaptım float left yada right yapıyorduk geçiyordu. İlk divi oluşturduğumda geçiyor ama içine resim eklediğimde alta düşüyor. Resmin boyutunu oluşturduğum divin weight değeri ile aynı yapıyorum hatta daha küçüğünü yapıyorum yinede geçmiyor yana sorun ne olabilir?

<div id="clear-alt3lu">
<div id="alt2li">
    <div id="2lisol"></div>
    <div id="2lisag"></div>
</div>
<div id="clear-alt2li"></div>
<div id="footer></div>

site yapısı bu şekilde içlerinde resim ve yazı kodları var onları yazma gereği duymadım.

#clear-alt3lu {
	clear: both;
}

#alt2li {
	height: 300px;
	width: 980px;
	margin-top: 10px;
}

#2lisol {
	float: left;
	height: 280px;
	width: 310px;
	border: 1px solid #000;
}

#2lisag {
	height: 280px;
	width: 643px;
	border: 1px solid #000;
	float: left;
	margin-left: 22px;
}

#clear-alt2li {
	clear: both;
}

bunun neresinde sorun var ?

Sorundan kısaca bahsedeyim. ID'lerde rakam kullanamazsınız #alt2li yazmışsınız burada bir hatanız var onun yerine #altikili kullanacaktınız.

ID'lerin içinde ID kullanmak yerine CLASS kullanırsanız çok daha mantıklı olur. CLASS'a rakam ekleyebilirsiniz ama başına ekleyemezsiniz ortasına ya da sonuna ekleyebilirsiniz.

İşte örnek:

https://jsfiddle.net/LvzL3o5c/2/

çok teşekkürler hocam Allah razı olsun