Edit in JSFiddle

<div id="menuKapsulu">
    <ul>
        <li>Elma</li>
        <li>Armut</li>
        <li>Malta Eriği</li>
    </ul>
</div>
#menuKapsulu ul{
    margin-left: auto;      
    margin-right: auto;      
    display: table;  
} 

#menuKapsulu ul li{
    float:left;
    margin-right:10px;
    padding-right:10px;
}

*:first-child+html #menuKapsulu{
    text-align:center
}

* html #menuKapsulu{
    text-align:center
}

*:first-child+html #menuKapsulu ul{
  display: inline;
  zoom: 1; 
} 
* html #menuKapsulu ul{
  display: inline;
  zoom: 1; 
}