Jam's story
[HTML] days06 - 이미지플로팅 본문
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>

'WEB > HTML' 카테고리의 다른 글
[HTML] p - 높이지정, padding, margin, 배경이미지 (0) | 2022.05.16 |
---|---|
[HTML] 파비콘 (0) | 2022.05.16 |
[HTML] days06- picture 태그 (0) | 2022.05.16 |
[HTML]days03-img (0) | 2022.05.16 |
[HTML] days02-태그 (0) | 2022.05.12 |