tablo yerine div nasıl kullana biliriz?

Iyi günler arkadaşlar.
Şöle bir sorunum var.
<table>
<tr><td>yazi1</td><td>yazi2</td></tr>
<tr><td>yazi1</td><td>yazi2</td></tr>
<tr><td>yazi1</td><td>yazi2</td></tr>
</table>

bu tr td`lerin fon renkleri falan da var ve böyle uzayıp gidiyor.
bunun yerine nasıl div kullana bilirim?

yani mesela:
<td>yazı1</td><td>yazı2</td>
kullanınca
yazı1_______________________yazı2
gibi çıkar ya onu nasıl yapa biliriz?
Yardımlarınızı bekliyorum iyi günler.

Hocam önce bu işin neden kullanıldığını kavrayın daha sonra bence sormak istediğinizi sorun.

table to css ya da table to div diye aratın

tablo gereken yerlerde tablo div gereken yerlerde div kullanmanız en iyisi.
Öncelikle css hakkında bilgi toplayın sonrası zaten bişi değil..

Arkadaşlar peki css açıklamalarıyla ilgili önerdiğiniz siteler varmı?

CSS öğrenmek için bu kaynak güzeldir
http://www.fatihhayrioglu.com/

Öneriniz için çok teşekkür ederim.
Güzel bir site

bir ara bende div kullanmaya çalışmıştım ancak çok karmaşık geldi bana, nesi akrmaşık geldi div ile ayarlıyorum sayfayı kendime göre sonra başka çözünürlükte bir bilgisayarda girdiğimde menuler vs.. herpsi karman çorman iç içe karışmış bir biçimde buldum. ondan sonra yine table geri döndüm

googleden
float
ve margin i araştırınız..