Автор - Феврония52. Это цитата этого сообщения
как расположить текст справа и слева от картинки, внизу картинки, вверху и посредине.
АШ ТЕКСТ
По многочисленным просьбам читателей объясню еще раз, как расположить текст справа и слева от картинки, внизу картинки, вверху и посредине.
Как же сделать так, чтобы текст располагался справа от картинки, весь , а не только одна его строчка. Посмотрим сначала как выглядит просто HTML код картинки. Я взяла небольшую картинку, которую вы видите слева от текста. Просто код ее выглядит вот так.
Теперь добавляем к нему атрибут align, который отвечает за выравнивание, и так как мы хотим чтоб картинка была слева от текста, то добавляем ="left". Теперь наш код будет выглядеть вот так.
Что бы картинка была справа от текста, добавляем так же к нему атрибут align, который отвечает за выравнивание и ="right". т.е. справа. Теперь наш код будет выглядеть вот так.
Или проще напишу так. В HTML формате в конце кода (перед последними кавычками) нужно добавитьи картинка будет слева от текста или align="left" и картинка будет справа от текста. (Скопируйте эти символы право-лево и поставьте в конце кода своей картинки) align="right"
Коды картинки всегда должны стоять впереди текста, а текст следом за кодами. Например вы хотите поставить картинку справа от теста. Это должно выглядеть вот так Теперь внимание.
Но это не все: текст может располагаться внизу картинки (это по умолчанию), посередине, и вверху.
Вот так это выглядит.
текст внизу картинки
текст посередине картинки
текст вверху картинки
Ну а теперь напишу по порядку коды, которые надо добавлять в конце HTML -кода картинки, перед последними кавычками, что бы ваши картинки вставали так, как вы этого хотите.
добавить
-и картинка будет слева от текста align="left"
-картинка будет справа от текста. align="right"
-картинка будет внизу текста align="bottom"
-картинка будет посредине текста align="middle"
- картинка будет вверху текста. align="top"
Вот пока и все. Не буду грузить сразу много информации. Дальше о картинках расскажу позднее. Успехов в вашем творчестве.
Из блога ГАЛИНЫ ШАДРИНОЙ
Оригинал записи и комментарии на LiveInternet.ru



Как же сделать так, чтобы текст располагался справа от картинки, весь , а не только одна его строчка. Посмотрим сначала как выглядит просто HTML код картинки. Я взяла небольшую картинку, которую вы видите слева от текста. Просто код ее выглядит вот так.



текст внизу картинки