This is a CSS question that's driving me up the wall. Below is the code I currently have, and I want the description text to be to the right of the blue box (i.e. under the title), but for it to continue over, under the 'button'. I've tried various combinations, but they all either start at the current position or underneath the title but indented by its width.Any help greatly appreciated\[code\]<html> <head> <style> body { background-color: #fff; color: white; } .outer { width: 850px; height: 400px; background-color: #000; } .logo {float: left; width:150px;height:150px;background-color: #00f;} .button {float: right; height: 60px; width: 80px; background-color: #f00; } .title { font-size: 60px; float:left;} .desc {clear:both;} </style> </head> <body> <div class="outer"> <div class="head"> <div class="logo">oo</div> <div> <div class="title">Title</div> <div class="button">button</div> <div class="desc">description text description text description text description text description text description text description text description text description text description text description text description text</div> </div> </div> </div> </body></html>\[/code\]
Moving div to the right of a floated element, but under two others
- Thread starter mypemima
- Start date