xxxxxxxxxx
<!-- With bootstrap -->
<div class="d-flex justify-content-center">
<ul>
</ul>
</div>
xxxxxxxxxx
<html>
<head>
<style type="text/css">
ul {
margin:0;
padding:0;
text-align: center;
list-style:none;
}
ul li {
padding: 2px 5px;
}
ul li:before {
content:url(http://www.un.org/en/oaj/unjs/efiling/added/images/bullet-list-icon-blue.jpg);;
}
</style>
</head>
<body>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</body>
</html>
xxxxxxxxxx
.list-wrapper {
text-align: -webkit-center;
}
.list-wrapper ul {
display:block;
}