Статус сервера

[NochnayaFialka 0]

Привет ребята подскажите что изменить в css чтобы 0% стояло с правой стороны на уровне с название сервера , а не в низу под названием сервера как на скрине.

стиль:
.status { width:450px; font-family:Chancery; color:#fff; font-size:18px; position:absolute; top:155px; left:500px; font-style:italic; }
.status .server { height:66px; padding-left:80px; float:left; width:145px; }
.status .server .name { margin-top:5px; width:80px; text-align:center; }
.status .server.on { background:url(../images/ico-on.png) no-repeat left center; }
.status .server.off { background:url(../images/ico-off.png) no-repeat left center; }
.status .server .online { text-align:center; width:60px; font-size:20px; color:#422423; font-weight:bold; }

скрин:

 

[thetro 4]

.status { width:450px; font-family:Chancery; color:#fff; font-size:18px; position:absolute; top:155px; left:500px; font-style:italic; }
.status .server { height:66px; padding-left:80px; float:left; width:145px; position: relative; }
.status .server .name { margin-top:5px; width:80px; text-align:center; }
.status .server.on { background:url(../images/ico-on.png) no-repeat left center; }
.status .server.off { background:url(../images/ico-off.png) no-repeat left center; }
.status .server .online { font-size:20px; color:#422423; font-weight:bold; position: absolute; top: 10px; left: calc(100% + 20px); text-align: left; }

Попробуй.  В последней строке, top: 10px; поменяй на нужно число чтобы выровнять вертикально (растояние от верха блока)

[NochnayaFialka 0]

спасибо помгло.

[NochnayaFialka 0]

Ребята помогите решить , столкнулся с такой проблемой , пробывал менять значения в css не помогло , так как нет еще знаний сместить строчку одну в лево нужно как на скрине показано

вот css:

.status .server .online { font-size:20px; color:#422423; font-weight:bold; position: absolute; top: 20px; left: calc(100% + 20px); text-align: left; }

вот скрин: