Eggs Sunny Side Up
본문 바로가기
Web/HTML_CSS

[CSS] float

by guswn100059 2023. 3. 28.
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <style>
        img {
            float: left;
            margin-right: 20px;
        }
    </style>
</head>

<body>
    <img src="../HTML/톰크루즈.webp" alt="" width="150">

    <p>
        1981년 데뷔 이래 40년이 넘는 세월 동안 할리우드를 이끌어온 스타 중 한 명이며, 현 시점 우리 시대의 할리우드를 상징하는 배우 중 한 명이다. 실로 어마어마한 필모그래피를 쌓은 현 시점에서는
        살아 있는 전설 그 자체이다. 할리우드 역사상 가장 필모 구성을 잘하는, 흥행 보증수표들 중 하나이며, 자기관리도 철저하여 연기력은 물론이고, 미션 임파서블 시리즈 등 스턴트와 제작에서도 높은 성과를
        보이며 아직도 현역으로 왕성한 활동을 하며 전설을 써내려가는 중이다. 전성기가 본격적으로 시작된 1980, 90년대에는 그야말로 역사에 길이 남을 꽃미남이자 미남의 아이콘 중 한 명으로 여겨졌던
        인물이다. 여기에 연기력도 우수한 평가를 받고, 영화 선구안 또한 탁월하여 필모그래피와 흥행 성적, 팬층이 탄탄하기로 유명하다.

        2001년, 2006년, 두 해에 걸쳐서 포브스 선정 전 세계에서 가장 영향력 있는 연예인들 중 1위를 차지하였다. # 또한 할리우드의 수많은 배우들 중에서도 미국 역대 흥행 5위에 위치해 있다.
        그리고 # 1986년 《탑건》, 1988년 《레인 맨》, 2000년 《미션 임파서블 2》로 총 3번의 연도별 월드와이드 박스오피스 1위 기록을 갖고 있다.

        할리우드 파워 지표로 '2천만 달러 클럽'이라는 게 있는데, 말 그대로 영화 한 편의 출연료가 2천만 달러(한화 약 240억 원)가 넘는 배우들을 일컫는 말이다. 2천만 달러 클럽의 고정 멤버로는
        레오나르도 디카프리오, 윌 스미스, 라이언 레이놀즈, 로버트 다우니 주니어 등이 있다. 톰 크루즈는 1996년 《미션 임파서블 1》을 기점으로 2천만 달러 클럽에 합류했고, 2002년 《마이너리티
        리포트》 이후에는 고정 출연료 2천500만 달러에 흥행 수익률에 따른 러닝 개런티를 받고 있다. 또한 그가 제작자로 참여한 경우 출연료에 흥행 수익을 합치면 《미션 임파서블》은 7천만 달러, 《작전명
        발키리》는 8천만 달러라는 천문학적인 액수를 벌어들였다. 말 그대로 1인 기업이나 다름없는 셈. 또한 전 세계, 특히 미국과 더불어 아시아 시장에서의 인기도 상당히 높은 배우로, 한국, 중국, 일본에서
        인기도 매우 높다. 북미 흥행 성적이 좋지 않았던 소수 작품들도 아시아 시장에서는 대부분 흥행하고 있다.

        영화를 고르는 선택이 탁월한 배우로, 장기적인 시점으로 볼 때 흥행에 실패한 작품이 없다는 평가가 있을 정도이다.[7][8] 2010년대 이후로는 대중성 있는 액션 블록버스터 영화에 주로 출연하고
        있으면서도, 그 면면이 미션 임파서블 시리즈를 비롯해 《마이너리티 리포트》, 《엣지 오브 투모로우》, 《탑건: 매버릭》 등 평단과 대중의 고른 호평을 받는 작품들이다.

        40년이 넘도록 영화계에서 쌓은 업적과 명성을 기념하는 의미에서 제75회 칸 영화제에서 공로상이라 볼 수 있는 명예 황금종려상을 수상했다.
    </p>
</body>

</html>


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <style>
        div {
            width: 500px;
            height: 500px;
        }

        .header {
            height: 10%;
            background-color: #ea4335;
        }

        .nav {
            height: 10%;
            background-color: #ff5e00;
        }

        .side {
            width: 30%;
            height: 60%;
            background-color: #4285f4;
            float: left;
        }

        .section1 {
            height: 30%;
            background-color: #34a853;  
        }

        .section2 {
            height: 30%;
            background-color: #fbbc05;
        }

        .footer {
            height: 20%;
            background-color: #8a8d92;
        }

    </style>
</head>
<body>
    <div>
        <div class="header">header</div>
        <div class="nav">nav</div>
        <div class="side">side</div>
        <div class="section1">section1</div>
        <div class="section2">section2</div>
        <div class="footer">footer</div>

    </div>
</body>
</html>

'Web > HTML_CSS' 카테고리의 다른 글

[CSS] 포토카드  (0) 2023.03.30
[CSS] flex  (0) 2023.03.29
[CSS] overflow  (0) 2023.03.28
[CSS] position  (0) 2023.03.28
[CSS] radius  (0) 2023.03.28

댓글