使用方形子弹将ul列表及其子弹点居中

Question

尝试将无序列表居中并且其子弹点可以使其工作，但是当我尝试使用方形子弹时它不适用。

// When any single Page is being displayed.

<?php if( is_page() ) : ?>
        <?php $header_image = get_header_image();
        if ( ! empty( $header_image ) ) : ?>
            <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php echo esc_url( $header_image ); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" /></a>
        <?php endif; ?>
        <?php endif; ?><br>

  

https://jsfiddle.net/dL3mbdhq/

Answer 1

你做错了！您为div而不是ul li设置了属性。试试这个：

#center_this_list ul li
{
    list-style: square;
    text-align: center;
    list-style-position: inside;
}

<强> jsFiddle

Answer 2

在ul

下使用 list-style-type 属性

{
    text-align: center;
    list-style-position: inside;
}
#contact_us{
  list-style-type: square;
}