웹디자인 잘아는 익들 와주세용 ㅠ

난 가로로 1자 배열을 하고싶은데 float가 적용이 안돼,,

〈html>

〈footer>

        〈div class="flogo">

            〈img src="imges/f_logo.png" alt="/">

        〈/div>

        〈div class="bottom">

            〈ul>

                〈li>〈a href="#">법적고지〈/a>〈/li>

                〈li>〈a href="#">개인정보취급방침〈/a>〈/li>

                〈li>〈a href="#">개인정보처리방침〈/a>〈/li>

            〈/ul>

                〈p>copyright All rights reserved 강원천문대〈/p>

        〈/div>

    〈/footer>

〈/html>

〈style>

footer{height: 100px; background-color: antiquewhite;}

footer .flogo{

width: 200px;

height: 100px;

background-color: cornflowerblue;

}

footer .flogo img{

    padding-top: 30px;

}

footer .bottom{

    width: 1000px;

    height: 100px;

    float: left;

    background-color: cadetblue;

}

〈/style>

이렇게 적용했을때 뭐가 문제라서 안되는 걸까?

총 width값 1200px입니당,,

[익인1]

가로로 배열하고 싶은게 저 초록색 div야? 아니면 안에 텍스트를 말하는거야?

[익인1]

after{display: block; content: ""; clear: both} 혹시 이거 넣어봤어? 나도 지금 가물가물해서 이 코드를 넣으면 해결되는게 맞는지는 헷갈리긴한데

[글쓴이]

사실 코드더럽게 안하고싶어서 물어본건데 그 푸터로고 옆쪽으로 초록색 박스를 가로배열하려했던거야
그냥 position:absolute top0 right0 적용해서 갖다 박음 ㅎ

[익인2]

가로로 배열이라는 게 아래쪽에 다 먹이고 싶다는 거??

[익인3]

박스 자체 크기 때문에 내려간 듯
박스사이징 border box 줘