Как сделать 2 блока html рядом друг с другом

Очень просто:
< !DOCTYPE html>
< head>
< style>
#main { width:100% }
#left { float:left;width:50% }
#right { float:right;width:50% }
< /style>
< /head>
< body>
< div id=main >
< div id=left >Левая часть< /div>
< div id=right >Правая часть< /div>
< /div>
< /body>
< /html>
отличие от таблиц такое: тут можно немного схитрить, например поменять местами блоки div, визуально останется также, а вот для поисковых роботов.. .

< div id=right >Правая часть< /div>
< div id=left >Левая часть< /div>

такой приём используется для поднятия текста, с ключевыми словами, ближе к началу документа