Как вставить еще один div

[fowl]

Изначально было два div : filedin и small-comment-cloud.

Между ними нужно встроить еще один site_url с выравниванием по центру, никак не могу это сделать...site_url съезжает на следующую строку.

помогите!!

Ниже приведен код + css.

<div class="filedin">
			<?php _e('Filed in', 'themejunkie'); ?>: <?php the_category(', ')?>	

</div> 

<div class="site_url">
			<?$site_url= get_post_meta($post->ID, 'site_url', $single = true); ?>
			<?php if($site_url!== '') { ?>
			<a href="<?php echo $site_url; ?>" rel="nofollow"  target="_blank">Посетить сайт</a>
			 <?php } ?>
</div> 

<div class="small-comment-cloud">
			<?php comments_popup_link('0', '1', '%', 'comments-link', ''); ?> 
</div>

.site_url {
	float:none;	
	width:100px;		
	color:#555;	
}
.filedin {
	float:left;
	background:url(images/icon-file.png) no-repeat 0px -1px;
	width:445px;
	margin:14px 0px 0px 0px;
	padding:0px 0px 0px 19px;
	color:#555;
}
.filedin a, .filedin a:visited {
	color:#555;
	border-bottom:1px dotted #999;
}
.filedin a:hover {
	color:#369;
	text-decoration:none;
	border-bottom:none;
}
.small-comment-cloud {
	float:right;
	background:url(images/bg-small-comment-cloud.png);
	width:32px;
	height:32px;
	margin:5px 0px 0px 0px;
	font-size:12px;
	font-weight:bold;
	line-height:30px;
	text-align:center;
}
.small-comment-cloud a {
	color:#369;
	text-shadow:#fff 0px 1px 0px;
}

[eVErl@Sting]

<div style="float: left"><-- style="float:left" --></div>

<div style="float: right" ><-- style="float: right" --></div>

<div style="text-align: center" ><-- style="float:none" --></div>

Ну вот в такой скилет попробуй впихнуть свой код, там все просто, лево, право и середина..

Ну и еще почитай о display:inline может так же поможет, можно еще центральный див сделать по центру margin:0 auto; а другие блоки флоатом прижать с лева и права к центру или стенкам браузера.

[fowl]

а почему середина в конце и там точно text-align?

<div style="text-align: center" ><-- style="float:none" --></div>

Если сокращенно, то у меня ведь так и есть

<div class="filedin"></div>

<div class="site_url"></div>

<div class="small-comment-cloud"></div>

.site_url {float:none;}
.filedin {float:left;}

.small-comment-cloud {float:right;}

Вот страница где все едет http://seolafa.ru/

Edited December 23, 2010 by fowl

[eVErl@Sting]

display:inline проиши стилям этим

[fowl]

Спасибо!!

Только оно высоковато как-то, дописала valign: center; - не помогло...

как по вертикали по центру сделать, чтоб на уровне с остальными элементами было?

[eVErl@Sting]

я тоже обратил на это внимание, чуток похимичил и чет не помогло не чего

.site_url {
	float:none;	
	width:200px;		
	color:#555;	
	display:inline;
	position:relative;
	top:10px;

вот так вот выгледит нормально все! но не уверен что это правильное решение

Edited December 23, 2010 by eVErl@Sting

[fowl]

Да так выглядит правильно, но не оч красивая запись))

[eVErl@Sting]

ну у тебя у filedin тоже отступ стоит от верхнего края кстате

[fowl]

да ?

ну тогда ладно)

Спасибо!

Edited December 23, 2010 by fowl

[eVErl@Sting]

только там margin, а у меня position:relative..