42 lines
1.7 KiB
Markdown
42 lines
1.7 KiB
Markdown
---
|
||
title: Img Align Attribute
|
||
localeTitle: Img Выровнять атрибут
|
||
---
|
||
## Img Выровнять атрибут
|
||
|
||
Атрибут align для изображения указывает, где изображение должно быть выровнено в соответствии с окружающим элементом.
|
||
|
||
Значения атрибута:
|
||
right - Выровнять изображение вправо left - выравнивание изображения влево
|
||
top - Выравнивание изображения вверх
|
||
bottom - выравнивание изображения до нижней
|
||
middle - Выравнивание изображения до середины
|
||
|
||
Например:
|
||
|
||
```html
|
||
|
||
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<title>Img Align Attribute</title>
|
||
</head>
|
||
<body>
|
||
<p>This is an example. <img src="image.png" alt="Image" align="middle"> More text right here
|
||
<img src="image.png" alt="Image" width="100"/>
|
||
</body>
|
||
</html>
|
||
```
|
||
|
||
Мы также можем выровнять по правому краю, если хотим:
|
||
|
||
```html
|
||
|
||
<p>This is another example<img src="image.png" alt="Image" align="right"></p>
|
||
```
|
||
|
||
**Обратите внимание, что атрибут align не поддерживается в HTML5, и вместо этого вы должны использовать CSS. Тем не менее, он по-прежнему поддерживается всеми основными браузерами.**
|
||
|
||
#### Дополнительная информация:
|
||
|
||
[Статья MDN в теге img и его атрибутах](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img) |