Я написал следующий HTML, пытающийся центрировать два div рядом друг с другом.
<div id='wrapper' style='text-align:center;'>
<div style='float:left;'>
Lorem ipsum<br />
dolor sit amet
</div>
<div style='float:left;'>
Lorem ipsum<br />
dolor sit amet
</div>
</div>
Однако, код, который я написал, приводит к тому, что два div будут перемещаться влево. То, что это делает правильно, - это поместить два div рядом друг с другом.
Что мне нужно изменить, чтобы центрировать два div бок о бок?