html - divの周りにテキストをラップする方法は?

Question

コインスライダーの周りにコンテナ div があります。このコンテナ div をテキストで囲みたいと思います。これを達成するにはどうすればよいですか？

現在、私のHTMLは次のように設定されています：

<p> <!-- LOTS OF TEXT --> </p>
<div id="mycontainer"> <!-- coinslider inside --></div>

私のCSSは次のように設定されています：

#mycontainer {
position: relative;
float: right;
width: 500;
height: 334;
}

Answer 1

Div を別の div で囲み、float プロパティをそれに与えます ...

<div id="main">
    <div id="mycontainer"> <!-- coinslider inside --></div>
</div>
<p> <!-- LOTS OF TEXT --> </p>

#main
{
    float:right;
}
#mycontainer 
{
    width: 500px;
    height: 334px;
    background-color:  gold;
}

フィドルをチェック

また

P は Div の後に来る必要があります

   <div id="mycontainer"> <!-- coinslider inside --></div>

    <p> <!-- LOTS OF TEXT --> </p>

#mycontainer 
{
    float:right;
    width: 500px;
    height: 334px;
    background-color:  gold;
}

**

フィドル

**

Answer 2

これを CSS に追加すると、うまくいくはずです。

display: block;

Answer 3

<div id="mycontainer"> <!-- coinslider inside --><p> <!-- LOTS OF TEXT --> </p></div>

テキストは div コンテナー内に配置する必要があります。うまくいくことを願っています。