www/float.html at master · joylty94/www · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>
<html lang="ko">

<head>
  <meta charset="UTF-8">
  <title>float 활용</title>
  <style>
    .box1 {
      background: gold;
      overflow: hidden;
    }

    .box1 img {
      float: left;
    }

    .box1::after {
      content: "";
      display: block;
      clear: both;
    }

    .box2 {
      background: pink;
      display: block;
    }
  </style>
</head>

<body>
  <div class="box1">
    <img src="./images/small.jpg" alt="" width="200" height="150"> 고든 램지는 오는 18일 진행되는 JTBC ‘냉장고를 부탁해’ 녹화에 스페셜 셰프로 초빙돼 15분 요리대결을 펼친다. 그는 미슐랭 스타를 무려 16개 보유한 세계적인 마스터셰프다. 또한, 미국의 유명 리얼리티 프로그램 ‘헬스키친(Hell’s Kitchen)‘의 엄격한 독설 진행자로 국내에서도 많은 팬을 보유하고 있다 그런 고든
    램지가 한국의 대표 ’쿡방‘인 ’냉장고를 부탁해‘에 도전장을 내밀며 관심이 집중되고 있다. 진행자가 아닌 도전자로 15분 요리대결에 직접 나서는 것. 주어진 게스트의 냉장고 재료만으로 15분이라는 시간에 요리를 완성해야하는 프로그램 포맷 상 세계 최정상급 셰프인 고든 램지라도 쉽지 않은 대결을 펼칠 것으로 보인다.
  </div>
  <span class="box2">
    고든 램지는 오는 18일 진행되는 JTBC ‘냉장고를 부탁해’ 녹화에 스페셜 셰프로 초빙돼 15분 요리대결을 펼친다. 그는 미슐랭 스타를 무려 16개 보유한 세계적인 마스터셰프다. 또한, 미국의 유명 리얼리티 프로그램 ‘헬스키친(Hell’s Kitchen)‘의 엄격한 독설 진행자로 국내에서도 많은 팬을 보유하고 있다 그런 고든 램지가 한국의 대표 ’쿡방‘인 ’냉장고를 부탁해‘에 도전장을 내밀며 관심이 집중되고 있다. 진행자가 아닌 도전자로 15분
    요리대결에 직접 나서는 것. 주어진 게스트의 냉장고 재료만으로 15분이라는 시간에 요리를 완성해야하는 프로그램 포맷 상 세계 최정상급 셰프인 고든 램지라도 쉽지 않은 대결을 펼칠 것으로 보인다.
  </div>
</body>

</html>