مشكلة في خطوط الجدول في الCSS

السلام عليكم

لم افهم بالضبط ما تريد فلو امكن مثال مما تريد من موقع آخر .

وايضا اين الكود الذي تستخدمه .

الكود :

<style>

body{background-color:#CCC;}

.box {

background:#666;

margin-bottom: 10px;

padding: 0 0 2px;

width: 250px;

}

.box h3 {

background-color:#C93;

height:51px;

line-height:38px;

margin: 0;

text-align:center;

}

.box ol{list-style:none; }

.box ol li{padding:0px 0px 9px 0px; border-bottom:1px #000000 solid;line-height:60px;

}

.box ol li a{text-align:center; text-decoration:none;

}

</style>

</head>

<body>

<div class="box">

<h3>Please select anyone</h3>

<ol class="3">

<li><a href="#">Abdulalah</li>

<li><a href="#">Abdulrofe</li>

<li><a href="#">Azoz</li>

<li><a href="#">Al-zhranie</li>

<li><a href="#">Taraq</li>

<li><a href="#">Yousef</li>

</ol>

المشكلة انو من بعد link اضفت order-bottom بس زي ما انت شايف السطر من اليمين بس اليسار ما يكمل

السلام عليكم

ضع الخاصية التالية

.box ol {
       padding-left: 0;
}

Thank YOU

طيب كيف اسوي Width Full

يعني بار ما اليمن الى اليسار

زي مثلا بار الفيسبوك اللازرق ما في مسافة في اليمين واليسار