如何居中Prestashop元素

问题描述

我对Prestashop网站的一部分进行了个性化设置，但我不知道该用什么来使该元素居中：

Image

Css：

  .active,.accordion:hover {
    background-color: #ccc; 
  }

  .accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
  }
  
  .active:after {
    content: "\2212";
  }
  
  .panel {
    padding: 0 18px;
    margin:  25px 25px 25px 25px;
    display: none;
    background-color: white;
    overflow: hidden;
  }

解决方法

如果您想使容器内部的单词居中，请使用css text-align属性

如果您想获得更好的答案以及尝试了什么，还必须包含html。

作为示例，这些元素使用css，text-align：center;居中放置