используйте отрицательный margin
на высоту строк картинка теперь влиять не будет совсем
но будет наползать на текст
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>title</title>
<style>
#main {
border: 1px solid black;
width: 300px;
}
#main img { margin-top: -23px; }
</style>
</head>
<body>
<div id="main">
<p id="text">
You can improve your ability to gatherto gatherto gather
<img id="image" src="http://placehold.it/98x23" width="98" height="23" />
information by grouping like items into basic categories.
</p>
</div>
</body>
</html>