Я недавно начал изучать веб-дизайн.Я читал об атрибуте элемента <img>: - выровнять.Когда я использую атрибут «align = right» на изображении.Это выглядит так: Изображение с большим количеством lorem ipsum
Код для вышеприведенного изображения:
<h1>Aligning the images</h1>
<p><img src="images/two_generations_in_one_pic.jpg" title="Unsplash has it's copyright too. Ah. You must have guessed it this time." width="30%" height="30%" alt="Two generations in one pic" align="right">What a timing! Did you see the out-of-the-focus girl ? She adds the beauty to the image</p>
<p>I aligned the image to the right. Hence, the text moved to left side of the page. No one uses it, though</p>
<p>lorem</p> //Some lorem Ipsum text Para
<p>lorem</p> //Some lorem Ipsum text Para
<p>lorem</p> //Some lorem Ipsum text Para
<hr>
<p><img src="images/two_generations_in_one_pic.jpg" title="Unsplash has it's copyright too. Ah. You must have guessed it this time." width="30%" height="30%" alt="Two generations in one pic" align="left">What a timing! Did you see the out-of-the-focus girl ? She adds the beauty to the image</p>
Работает нормально, пока я не использую текст, равный высоте изображения.Но когда я удаляю несколько строк из текста, результат выглядит следующим образом: Изображение с несколькими нужными мне текстом
Код над изображением:
<h1>Aligning the images</h1>
<p><img src="images/two_generations_in_one_pic.jpg" title="Unsplash has it's copyright too. Ah. You must have guessed it this time." width="30%" height="30%" alt="Two generations in one pic" align="right">What a timing! Did you see the out-of-the-focus girl ? She adds the beauty to the image</p>
<p>I aligned the image to the right. Hence, the text moved to left side of the page. No one uses it, though</p>
<p>lorem</p> //Some lorem Ipsum text Para
<hr>
<p><img src="images/two_generations_in_one_pic.jpg" title="Unsplash has it's copyright too. Ah. You must have guessed it this time." width="30%" height="30%" alt="Two generations in one pic" align="left">What a timing! Did you see the out-of-the-focus girl ? She adds the beauty to the image</p>
Может кто-нибудь сказать, пожалуйста, почему он так себя ведет?Я знаю, что лучше использовать CSS для таких задач.Но я просто хочу знать, почему он так себя ведет?Кто-нибудь может помочь?Я был бы очень признателен, что