سلام با توجه به تگهای لیست من زمانی که من از پروپرتی text-align در کلاس مربوط به تگ ul استفاده میکنم منوی من در وسط قرار نمیگیرد و کار نمیکند ولی اگر همین text-align را به کلاس تگ nav بدهم منوی من در وسط قرار میگیرد و تمام سند من مشابه ویدیو می‌باشد میخواستم بدونم دلیل کار نکردن text-align من در کلاس تگ ul چیست ؟

    <nav class="nav">
    <ul class="test">
        <li><a class="#" href="">خانهa>li>
        <li><a class="#" href="">دوره‌های آموزشیa>li>
        <li><a class="#" href="">درباره ماa>li>
        <li><a class="#" href="">تماس با ماa>li>
        <li><a class="#" href="">پشتیبانیa>li>
    ul>
    nav>
Style.css
nav.nav{
  background-color: #efefef;
  padding: 10px;
  font-size: 16px;
}
.test,li{
  display: inline; 
  margin: 0 5px; 
}
.test{
  text-align: center;
}