Как переместить картинку группы и статус пользователя в места, которые я указал стрелочкой на скриншоте, что бы справа от имени была картинка группы, а за ней статус пользователя)

И желательно что бы они сдвигались вправо или влево вместе с изменением длины имени пользователя..

 

Заранее спасибо!

Дай ссылку на сайт желательно на ту страницу где был сделан скриншот.

И ещё я вот что нашёл ) но в CSS не разбираюсь толком, только начинаю)

 

 

 

 

.postDate{ margin-right: 15px; }

 

.horizontalAvatar{

margin-right: 10px;

}

 

.horizontalAvatar a.ipsUserPhotoLink:after{

content: "";

position: absolute;

z-index: 1;

top: 0px; left: 0px; right: 0; bottom: 0;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

-webkit-box-shadow: inset rgba(255,255,255,0.4) 0px 1px 0px, inset rgba(255,255,255,0.14) 0px 0px 0px 1px, rgba(0,0,0,0.3) 0px 1px 4px;

-moz-box-shadow: inset rgba(255,255,255,0.4) 0px 1px 0px, inset rgba(255,255,255,0.14) 0px 0px 0px 1px, rgba(0,0,0,0.3) 0px 1px 4px;

box-shadow: inset rgba(255,255,255,0.4) 0px 1px 0px, inset rgba(255,255,255,0.14) 0px 0px 0px 1px, rgba(0,0,0,0.3) 0px 1px 4px;

}

 

.horizontalUserInfo{

overflow: hidden;

}

 

.horizontalUsername{

font-size: 25px;

font-weight: 300;

padding: 5px 0 5px 0;

}

 

.horizontalUsername a{ color: #dedede; }

 

.horizontalInfoList{

float: left;

width: 175px;

color: #ffffff;

font-size: 11px;

}

 

.horizontalInfoList li{ padding: 2px 0; }

 

.horizontalView .custom_fields{ margin-top: 0; }

.horizontalView .author_info .group_icon{ margin: 0px; }

 

.ipbforumskins{}

 

margin-right: 15px;

Думаю с этим надо пошаманить =D

margin-right: 15px;

Думаю с этим надо пошаманить =D

И float:right; left