<div style=”width: 200px;background-color: #FFFFCC; float: left;”> Left column </div> <div style=”margin-left: 200px; background-color: #CCFFFF”> Right column </div> That should do it (obviously implementation will vary based on where it is in the page, but I think that’s the concept you’re looking for).
This can be accomplished through the use of limit: {% for post in site.posts limit:1 %} … Show the post … {% endfor %} You can also use limit and offset together to “feature” your most recent post: <h1>Latest Post</h1> {% for post in site.posts limit:1 %} … Show the first post all big … … Read more
Add the following property: .c{ … overflow: hidden; } This will force the container to respect the height of all elements within it, regardless of floating elements. http://jsfiddle.net/gtdfY/3/ UPDATE Recently, I was working on a project that required this trick, but needed to allow overflow to show, so instead, you can use a pseudo-element to … Read more
Chrome cannot resize horizontally below 400px (OS X) or 218px (Windows) but I have a really simple solution to the problem: Dock the web inspector to the right instead of to the bottom Resize the inspector panel – you can now make the browser area really small (down to 0px) Update: Chrome now allows you … Read more