0
votes

La liste non ordonnée dans CSS ne sera pas au centre

https://jsfiddle.net/nathanahartmann/5shg6vn7/3/

J'ai donc essayé d'obtenir cette liste non ordonnée centrée. Le texte-alignement: centre; travaillé correctement mais les éléments de la liste (images et texte) pour le contenu principal de la page. Je veux juste que cela soit parfaitement centré. J'ai essayé de me débarrasser du rembourrage et des marges. J'ai essayé la marge: 0PX Auto;. Je n'arrive pas à comprendre ce que je dois faire pour que cet ul soit aligner. xxx

html css list html-lists center

1 commentaires

Utilise Flexbox une option pour vous?

3 Réponses :

2
votes

Les styles de l'agent utilisateur ajoute un Padding-inline-démarrer: 40px à ul éléments.

Je vois que vous avez ceci dans votre CSS qui devrait vous débarrasser de la Padding, mais vous sélectionnez la classe .MainImageul et une nidification ul el / p> xxx

changez-le à ce xxx

Ceci ciblera l'élément correct et corrigera votre problème d'alignement



                                                                    
                                    
                                    
                                        0 commentaires


                        
                                            
                            
                                
                                    1
 votes
                                
                            
                            
                                
                                      .MainImage  code> reste le même  xxx  pré> 
 dans  .MainImageul ul  code> changerait vers  .MainImageUl  code> 
.mainImageUl li{
          margin: 30px 0;
        }

                                

                                                                    
                                    
                                    
                                        0 commentaires
                                        
                                                                                    
                                    
                                                            
                        
                        
                                            
                            
                                
                                    0
 votes
                                
                            
                            
                                
                                     Essayez de nettoyer le paramètre de navigateur CSS avant d'ajouter le vôtre
Il vaut également mieux partager une feuille de style complète que nous devrions savoir s'il existe un conflit ou une héritage                                 

                                                                    
                                    
                                    
                                        0 commentaires