Здравсвуйте.
Подскажите пожалуйста, столкнулся со следующей проблемой.
Есть верстка:
<style type="text/css">
#main {
border: 1px solid black;
width: 300px;
}
</style>
<body>
<div id="main">
<p id="text">
You can improve your ability to gatherto gatherto gather
<img id="image" src="blankslot.png" width="98" height="23" />
information by grouping like items into basic categories.
</p>
</div>
вот что мі видем на картинке

проблема в том, что мне нужно расположите текст так, чтоб отступы между строками в той строке, где находится картинка были такими же ,как и отступы между строками, где нет картинки. Как видите на рисунке ниже, в строке с картинкой отступ сверху больше(показываю его красным цветом)

при єтом html-верстка не должна менятся, только можно менять css
Помогите пожалуйста, как я могу это сделать?
