مشکل با pdding و margin در طراحی سایت

[پروگرامنویس]

سلام
من دو تا بلاک dv-ul و dv-time رو در بلاک dv-mnu2 قرار بدم جوری که بلاک "dv-ul" بچسب به سمت راست بلاک "dv-mnu2" اما هر کاری میکنم نمیشه.لطفا کمک کنید!

کدهای css


.dv-mnu2
{
width: 100%;
display: block;
height: 29px;
background-color: #000066;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #99CCFF;
}
.dv-ul
{
width:500px;
display:inline-block;
float:right;
height:100%;
}
.dv-ul ul
{
list-style-type:none;
height:29px;
margin-top:0px;
}
.dv-ul li
{
display:inline-block;
margin-left:10px;
}
.dv-ul a
{
color:White;
display:block;
text-decoration:none;
font-size:20px;
height:29px;
}
.dv-ul a:hover
{
color:Gray;
}
.dv-time
{
width:300px;
display:inline-block;
float:left;
height:100%;
}


کدهای html


<div class="dv-mnu2">
<div class="dv-ul">
<ul>
<li><a href="#">تازه های رایانه</a></li>
<li><a href="#">کتابخانه</a></li>
<li><a href="#">فیلم آموزشی</a></li>
<li><a href="#">دریافت نرم افزار</a></li>
</ul>
</div>
<div class="dv-time"></div>
</div>


http://upload.tehran98.com/img1/eqtb0plq5bottevc8tbw.png

[DeveloperStudio]

با سلام
می تونی به آدرس های زیر رجوع کنی :

حاشیه درونی عناصر در CSS (http://developer1.ir/CSS/Margin.aspx)

حاشیه بیرونی عناصر (http://developer1.ir/CSS/Padding.aspx)

[پروگرامنویس]

دوست گرامی
من هم با مارجین و پدینگ کار کردم وخیلی هم باهاشون توی فایل css ور رفتم اما این فاصله ای که توی نگاره زیر میبینید پر نمیشه! جای شگفتی اینجاس که من width بلاک dv-ul رو 500px و width بلاک dv-time رو 300px گرفتم که باید تمام عرض بلاک dv-mnu2 رو پر کنه(عرض این دیو 800پیکسله) اما بازم این فاصله ای که میبینید هستش! اگه کسی کمک کنه سپاسگذار میشم!
http://upload.tehran98.com/img1/rsk4b1hcwf6mnj57s1m.png

[elahe471]

متن های منو فکر کنم چپ چین هستن با Text-align:right توی کلاس dv-ul تست کنید ببینید درست نمیشه ؟

[2undercover]

دقت کنید که تگ ul به طور پیش فرض مقداری Margin و Padding دارد!

این استایل ها رو به .dv-ul ul اضافه کنید:


margin: 0px;
padding: 0px;
float: right;

[mehrtash3000]

perfect answer