WordPressでレシポンシブinline-blockを並べた

WordPressでレシポンシブinline-blockを並べた
<div style=”display: inline-block; margin-bottom: 1.5em;”>
</div>

ul {text-align: center;}     <!-- ul の中身を中央揃えにして -->
li {display: inline-block;}  <!-- li をインラインブロックで表示して -->
a  {display: block;          <!-- a をブロックで表示して -->
    width: 40px;}            <!-- a に幅を指定 -->
<ul>
   <li><a href="#">1</a></li>
   <li><a href="#">2</a></li>
   <li><a href="#">3</a></li>
   <li><a href="#">4</a></li>
   <li><a href="#">5</a></li>
</ul>

 

 


Fatal error: Uncaught Error: Call to undefined function get_field() in /home/takerin70/mode-kiku.com/public_html/wp-content/themes/stinger8-child/single.php:27 Stack trace: #0 /home/takerin70/mode-kiku.com/public_html/wp-includes/template-loader.php(74): include() #1 /home/takerin70/mode-kiku.com/public_html/wp-blog-header.php(19): require_once('/home/takerin70...') #2 /home/takerin70/mode-kiku.com/public_html/index.php(17): require('/home/takerin70...') #3 {main} thrown in /home/takerin70/mode-kiku.com/public_html/wp-content/themes/stinger8-child/single.php on line 27