div dentro de outra div

[acscarolina]

Olá, estou tentando colocar duas divs dentro de uma outra div mas não está rolando, porque parece q as duas cancelam a primeira. Por exemplo a cor de fundo, que está definido na primeira, não aparece mais. Inclusive sua altura.. é como se não existisse.. como se não tivesse nada dentro. 

Como faço para isso não acontecer? Segue o código CSS e html:

/*CSS*/
.fundolugares { 
	color: #000; 
	font-size: 18px; 
	background:#CCC;
	border:#000;
	border-style:dashed;
    width: auto;
	height:auto;	
	/* cima direita baixo esquerda */
	border-radius:5px;
	box-shadow: 4px 4px 4px #FFF;
	} 


.falandosobreolugar { 
	width: 800px;
	background:#CCC;
	border:none;
	height:auto;
	/* cima direita baixo esquerda */
	padding: 1% 2% 2% 2%;
	margin:1% 5% 2% 2%; 
	float: right;
	clear:none;
	border-style:none;
	border-radius:none;
		} 
		

.oqueolugaroferece { 
	width: 200px;
	background:#CCC;
	border:#000;
	height:auto;
	/* cima direita baixo esquerda */
	padding: 1% 2% 2% 2%;
	margin:1% % 2% 3%;
	float: left;
	clear:none;
	border-style:dashed;
	border-radius:5px;}

<!--html-->

<div class="fundolugares">
    
<div align="left" class="oqueolugaroferece">
O que o lugar oferece:
 Estacionamento
 Play
   </div>
   
   <div align="justify" class="falandosobreolugar">  

<p> kkssjjw kjksdjjka  dhjashd s jhd ahsjdh dashd jshd akj hdjhas djahs djkshd jakhs djashd jhasd jhas dajshd jashd jsah
kkssjjw kjksdjjka  dhjashd s jhd ahsjdh dashd jshd akj hdjhas djahs djkshd jakhs djashd jhasd jhas dajshd jashd jsah
kkssjjw kjksdjjka  dhjashd s jhd ahsjdh dashd jshd akj hdjhas djahs djkshd jakhs djashd jhasd jhas dajshd jashd jsah
kkssjjw kjksdjjka  dhjashd s jhd ahsjdh dashd jshd akj hdjhas djahs djkshd jakhs djashd jhasd jhas dajshd jashd jsah
</p>
	    
	<p align="right">23/04/2016   </p>  
    
    </div>   
	</div>
 

 

[thiagoquevedo]

Olá.

Faltou um "clear" no final das tuas div's.

Adicione esse código antes do final da div.falandosobreolugar :

<div style="clear:both;"></div> 

Valeu. :D

Olá.

Faltou um "clear" no final das tuas div's.

Adicione esse código antes do final da div.falandosobreolugar :

<div style="clear:both;"></div> 

Ficaria assim:

<div class="fundolugares">
  <div align="left" class="oqueolugaroferece"> O que o lugar oferece:
    Estacionamento
    Play </div>
  <div align="justify" class="falandosobreolugar">
    <p> kkssjjw kjksdjjka  dhjashd s jhd ahsjdh dashd jshd akj hdjhas djahs djkshd jakhs djashd jhasd jhas dajshd jashd jsah
      kkssjjw kjksdjjka  dhjashd s jhd ahsjdh dashd jshd akj hdjhas djahs djkshd jakhs djashd jhasd jhas dajshd jashd jsah
      kkssjjw kjksdjjka  dhjashd s jhd ahsjdh dashd jshd akj hdjhas djahs djkshd jakhs djashd jhasd jhas dajshd jashd jsah
      kkssjjw kjksdjjka  dhjashd s jhd ahsjdh dashd jshd akj hdjhas djahs djkshd jakhs djashd jhasd jhas dajshd jashd jsah </p>
    <p align="right">23/04/2016 </p>
  </div>
  <div style="clear:both;"></div>
</div>

Valeu. :D

[acscarolina]

funcionouuu thiago, valeu mesmo!!