Код (PHP): <!DOCTYPE html> <html> <head> <title>pic in text</title> <meta charset="UTF-8"> <style> p{font-size:36px;} p img{vertical-align:middle;} </style> </head> <body> <p>Lorem ipsum dolor sit <img src="flag.png" alt=""> amet, centum eum in. Advenientibus aliorum naufragium inde</p> </body> </html>
по умолчанию img будет нормально вставляться в текстовый поток, т.к. по умолчанию его свойство display: inline-block. но если где-то в стилях переопределить как display: block, картинка начнет разбивать поток. так что всё в руках версталы ))) для элементов с display:inline-block применимо вертикальное выравнивание относительно окружающего текста. http://htmlbook.ru/css/display http://htmlbook.ru/css/vertical-align