为什么这个按钮没有居中？

Question

我正在使用WordPress主题，我有这个按钮：

“Ver mais”

我尝试了所有的东西，但他没有在不破坏上述内容的情况下集中注意力。

之前，此按钮用于调用“Comprar”，但我需要使用CSS更改它，因为我只需要更改此特定页面，所以这就是我所做的：

.dhvc-woo-info .button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  visibility: hidden; /*here was the old button with his original content.*/
} 
.dhvc-woo-info .button.product_type_simple.add_to_cart_button.ajax_add_to_cart:after {
  width: 100%;
  background-color: transparent;
  margin-top: 60px;
  padding: 5px;
  text-align: center;
  font-size: 16px;
  border-style: solid;
  font-weight: 400;
  border-width: 1px;
  content:'VER MAIS'; 
  visibility: visible;
  display: block;

} 

我只是需要按钮才能居中，我不知道如何:(

如果需要，这是显示“Ematé10xde R $：99,00 .....”的PHP代码。

if ($hide_price !== '0') :
    $output_price .= '<div class="dhvc-woo-price dhvc-woo-span6">';
    $output_price .= $product->get_price_html ();
    $output_price .= '<div class="teste">Em até 10x de';
    $output_price .= '<span class="teste2">';
    $output_price .= ' R$: ';
    $output_price .=  number_format($totalPrice, 2, ',', '.');
    $output_price .= '</span>';
    $output_price .= '<br>Ou à vista com 10% de desconto por';
    $output_price .= '<span class="teste3">';
    $output_price .= ' R$: ';
    $output_price .=  number_format($aVista, 2, ',', '.');
    $output_price .= '</span>';
    $output_price .= '</div>';
    $output_price .= '</div>';
endif;

我很抱歉，我知道这有点愚蠢，我可能会因为使用内容后出错，但我发现它更好用，因为我无法编辑WordPress HTML而不会丢失未来的更新。

Answer 1

你可以使用100％宽度的容器div，它等于盒子，那么你可以使用margin：60px auto;宽度：按钮的30％

从上到下有60px的边距，左右有自动边距;按钮宽度为父容器的30％。

Answer 2

感谢所有试图帮助我的人。 我不能使用html和css sugestions只是保持经典风格，所以我决定退出使用内容，并做了一些魔术，所以现在它很好。无论如何，谢谢大家＆lt; 3