0

div が隣同士に積み重ならない

私は何をしますか？1 つの div が他の div の下に来ます。

すべてのタイプのポジショニングを試しましたが、相対ポジショニングも試しましたが、うまくいきません。

<head>
   <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
   <meta name="author" content="Chaitanya Gupta">

<meta name="keywords" content="Fashion, Learning, Resources ">
   <link href='http://fonts.googleapis.com/css?family=Luckiest+Guy&effect=3d-float' rel='stylesheet' type='text/css'>
   <link href='http://fonts.googleapis.com/css?family=Bad+Script&effect=3d-float' rel='stylesheet' type='text/css'>
   <link rel="icon" type="image/png" href="favicon.ico">
   <title>FLR</title>

CSS

 <style type="text/css">
        hr
        {
        color:white;
        border-width: 2px;
        border:medium silver dashed;
        }

        a:link,a:visited
        {
        display:block;
        color:white;
        }

        a:hover,a:active
        {
        background-color:#7C868E;
        text-decoration: underline;
        border-radius:8px
        }

        a
        {
        font-family: "Century Gothic";
        font-variant:small-caps;
        font-size: 20px;
        }

        #emboss 
        {
        border-right: 4px solid #2b2b2b;
        border-bottom: 4px solid #2b2b2b;
        }

        #subTopic
        {
        font-family: 'Luckiest Guy', cursive;
        font-size:60px;
        font-weight:lighter;;
        font-variant:small-caps;
        }

        #content
        {
        color:white;
        font-family: 'Bad Script', cursive;
        font-size:20px;
        }

        div.menu
        {
        background-color:#4A5662; 
        float:left; 
        width:150px; 
        height:210px; 
        border-radius:8px; 
        margin-top:20px; 
        margin-left:5px; 
        text-align:center; 
        padding-top:10px; 
        padding-bottom:10px
        }

        div.content
        {

        float:right;



        }


           </style>

    <script>

    </script>
</head>

HTML

<body background="denim.jpg">


   <img src="fas.jpg" style="float:right; height:80px; width:200px;">
   <br>
   <br>
   <br>
   <br>
   <br>
   <br>
   <hr>

   <div id="emboss" class="menu" >

   <a href="" onclick="displayAbout()">About</a></span>
   <br>
   <a href="" >Careers</a>
   <br>
   <a href="">Clients</a>
   <br>
   <a href="">Blogs</a>
   <br>
   <a href="">Contact Us</a>
   </div>

   <div class="content" id="display">
   <h1 id="subTopic" class="font-effect-3d-float">About</h1>

   <p id="content">FASHION LEARNING RESOURCES (FLR) is a Gurgaon, 
   India based small company pioneering Fashion Education & 
   Training Technology(FETT) products, services, consulting and 
   delivery services in FETT for the fashion institutes, 
   industry bodies and government. FLR also offers E learning 
   & multimedia content in Fashion / apparel Domain. 
   FLR is started by founding alumni batch of NIFT.</p>
   </div>

   <!--<hr style="position:absolute; bottom:30px; width: 1200px">
   <code style="color:white; position:absolute; bottom:10px">Copyright &copy 2013 Fashion Learning Resources. All rights reserved.</code>
-->

</body>

</html>
4

7 に答える 7