我试图将包含无序内联列表的div元素置于网页中心。

我将包含div的边距设置为自动自动，正确地将div居中放在页面上，但是我无法找到一种方法来获取它包含的内联列表以在其中正确居中。内联列表在div内略微向左。我试着修理：

padding：auto auto;

在包含div元素中，所以它包含的任何文本/列表都会居中，但这并没有任何影响......

我试过

CSS：

@font-face {

font-family: 'Exo-Black';

src: url('fonts/Exo-Black.otf');

}

@font-face {

font-family: 'SourceSansPro-Bold';

src: url('fonts/SourceSansPro-Bold.otf');

}

@font-face {

font-family: 'SourceCodePro-Black';

src: url('fonts/SourceCodePro-Black.otf');

}

@font-face {

font-family: 'Exo-Bold';

src: url('fonts/Exo-Bold.otf');

}

@font-face {

font-family: 'Exo-Regular';

src: url('fonts/Exo-regular.otf');

}

.icon {

margin-top: 20px;

margin-left: 20px;

float: left;

}

.name {

font-family: Exo-Black;

font-size: 32px;

color: firebrick;

width: 60%;

text-transform: uppercase;

float: left;

margin-left: 10px;

text-transform: uppercase;

}

.phone {

font-family: SourceSansPro-Bold;

font-size: 24px;

float: left;

}

.nav {

clear: left;

width: 50%;

font-family: SourceCodePro-Black;

font-size: 24px;

border: 1px solid #000000;

margin: auto auto;

padding: auto auto;

}

li { display: inline; }

HTMLcode：