html - Make div go under another -


i trying content highlighted in red in screenshot below go green lines are, cannot work. have tried clear:both; , clear:left; both haven't worked. both of them position in screenshot:

enter image description here

here code box , part of page:

.contentcontainer{  	width:100%;  	background:#fff;      border-bottom: medium solid #d13f4a;  	margin-top:20px;  	height:110px;  }    .cctitle{  	margin-top:20px;  	margin-left:20px;  	font-family: 'montserrat', sans-serif;  	font-size:15px;  	font-weight: 400;  	float: left;  }    .cctext{  	width: 535px;  	max-height: 35px;  	margin-left:20px;  	font-family: 'montserrat', sans-serif;  	font-size:13px;  	font-weight: 400;   	overflow:hidden;  	clear:left;  	float: left;  }    .ccthumb{  	float: left;      background: #000;      width: 195px;      height: 110px;  }
<div class="contentcontainer">  <div class="ccthumb">  </div>  <div class="cctitle">title goes here</div>  <div class="cctext">lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>  </div>    </div>

try removing floats:

.cctitle, .cctext { float: none; } 

the issue clear: left in .cctext. wrapping around floats. looking @ this, looks might not need many.


Comments

Popular posts from this blog

asp.net mvc - SSO between MVCForum and Umbraco7 -

Python Tkinter keyboard using bind -

ubuntu - Selenium Node Not Connecting to Hub, Not Opening Port -