WEB/HTML
[HTML] days06 - 이미지플로팅
애플쩀
2022. 5. 16. 14:17
padding
안쪽여백
img 태그 안에 style="float: ;"
이미지를 어디에 띄울것인지
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
p{
border: 1px solid gray;
padding: 10px;
}
</style>
</head>
<body>
<h3>ex03_04.html 이미지 플로팅 </h3>
<p>
<img src="../images/programming.gif" style="float:left;">
* The color and pattern may differ from the detailed picture because of the nature of the gemstone used in necklaces and bracelets.
*Please wear it carefully as it may break if pulled too hard.
* Be careful not to twist when storing the tail chain with pendant.
*Please avoid it as much as possible because it may discolor quickly when it touches water.#Product
</p>
<p>
<img src="../images/programming.gif" style="float:right;">
* The color and pattern may differ from the detailed picture because of the nature of the gemstone used in necklaces and bracelets.
*Please wear it carefully as it may break if pulled too hard.
* Be careful not to twist when storing the tail chain with pendant.
*Please avoid it as much as possible because it may discolor quickly when it touches water.#Product
</p>
</body>
</html>