Colocar varios widgets en una sola sección

• Modelo 2

<div id="flowernote" style="display:none; position:absolute; right: 30px; width:150px; height:150px; background-color:red; color:white">
Descripcion larga pestaña 2
</div>

<div id="flowernote2" style="display:none; position:absolute; right: 200px; width:80px; height:80px; background-color:black; color:white">
Descripcion corta pestaña 2
</div>

<div id="flowernote3" style="display:none; position:absolute; right: 30px; width:140px; height:140px; background-color:navy; color:white">
Descripcion pestaña 4
</div>

<div style="border:1px solid gray; width:350px; height: 250px; background-color: #EAEAEA; padding: 5px">

<div id="tcontent1" class="tabcontent">
Contenido pestaña 1<br />
</div>

<div id="tcontent2" class="tabcontent">
Contenido pestaña 2<br />
</div>

<div id="tcontent3" class="tabcontent">
Contenido pestaña 3<br />
</div>

<div id="tcontent4" class="tabcontent">
Contenido pestaña 4<br />
</div>

</div>

<div id="flowertabs" class="modernbricksmenu2">
<ul>
<li><a href="#" rel="tcontent1" class="selected">Pestaña 1</a></li>
<li><a href="#" rel="tcontent2" rev="flowernote,flowernote2">Pestaña 2</a></li>
<li><a href="#" rel="tcontent3">Pestaña 3</a></li>
<li><a href="#" rel="tcontent4" rev="flowernote3">Pestaña 4</a></li>
</ul>
</div>
<br style="clear: left" />

<script type="text/javascript">

var myflowers=new ddtabcontent("flowertabs")
myflowers.setpersist(true)
myflowers.setselectedClassTarget("link") //"link" or "linkparent"
myflowers.init()

</script>
<script>
<!--
document.write(unescape("%3Ca%20href%3D%22http%3A//frikibloggeo.com.ar/%22%20target%3D%22_blank%22%3E%3Cspan%20style%3D%22font-size%3A%20x-small%3B%22%3EFriki%20bloggeo%3C/span%3E%3C/a%3E"));
//-->
</script>

• Modelo 3

<ul id="countrytabs" class="shadetabs">
<li><a href="#" rel="country1" class="selected">Pestaña 1</a></li>
<li><a href="#" rel="country2">Pestaña 2</a></li>
<li><a href="#" rel="country3">Pestaña 3</a></li>
<li><a href="#" rel="country4">Pestaña 4</a></li>
</ul>

<div style="border:1px solid gray; width:450px; margin-bottom: 1em; padding: 10px">

<div id="country1" class="tabcontent">
Contenido pestaña 1<br />
</div>

<div id="country2" class="tabcontent">
Contenido pestaña 2<br />
</div>

<div id="country3" class="tabcontent">
Contenido pestaña 3<br />
</div>

<div id="country4" class="tabcontent">
Contenido pestaña 4<br />
</div>

</div>

<script type="text/javascript">

var countries=new ddtabcontent("countrytabs")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()

</script>
<script>
<!--
document.write(unescape("%3Ca%20href%3D%22http%3A//frikibloggeo.com.ar/%22%20target%3D%22_blank%22%3E%3Cspan%20style%3D%22font-size%3A%20x-small%3B%22%3EFriki%20bloggeo%3C/span%3E%3C/a%3E"));
//-->
</script>