hi, i have been working on a log with my friend and we want it to look like the attachment, i currently have a basic css part and html:


and html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<title>Welcome to CTech</title>
		<link type="text/css"
		<div id="index_blog">
			This is some text
		<div id="twtr-profile-widget"></div>
		<script src="http://widgets.twimg.com/j/1/widget.js"></script>
		<link href="http://widgets.twimg.com/j/1/widget.css" type="text/css" rel="stylesheet">
		<script >
			new TWTR.Widget({
  				profile: true,
  				id: 'twtr-profile-widget',
  				loop: true,
  				width: 250,
 	 			height: 300,
  				theme: {
    				shell: {
      				background: '#000000',
      				color: '#00fcfc'
   	 			tweets: {
    				background: '#7f7bfa',
      				color: '#00fcfc',
      				links: '#fff200'

what can i do to have it like the attachment?

might help if you ask something specific first

well, currently with that code, the it all aligns vertically, as in:

what can i do about it?

use a DIV for each section "myBlogPosts", "twitterFeed", "yourBlogPosts", and float each DIV left.

#yourBlogPosts {
      float: left;


thanks, i tried that and it seemed to work.