Question

как сделать чтобы эти два блока были напротив друг друга?

Answer 1

Вчера задавался подобный вопрос, делается это очень легко с помощью таблиц:

<table border="1" cellpadding="1" cellspacing="1" style="width:100%;">
	<tbody>
		<tr>
			<td>здесь код первого виджета</td>
			<td>здесь код второго виджета</td>
		</tr>
	</tbody>
</table>