marple

＞gblsmさん

とんでもないことです。
ありがとうございます。

Safariの「要素の詳細を表示」、自分でも調べたのですが、調べられていなかったのですね。
すみません。
safariの機能をきちんと理解できていなかったようですので、きちんと使えるように改めて理解し直したいと思います。

ひとまず問題は解決できました。
本当にありがとうございました。

＞皆さま

疑問が残るため、もう少しトピックを置かせてください。
（しばらくしてもコメントがない場合、解決済みに致します。）
今回の事象について分かる方、コメント頂けると幸いです。
よろしくお願い致します。

ブラウザで要素を確認してみましたが、謎の隙間に該当する要素はありませんでした。

初めに例示したページが分かりにくいかもしれませんので、別のページを例に挙げて説明させて頂きます。

ulの上に謎の隙間ができてしまうページはこちら。
サムネイルが3枚（記事数が3つ）で、1行に収まっています。
1行に収まっている場合、h2とulの間にcssで指定しているh2下のマージン20px以外に、さらに20pxほどの謎の隙間ができてしまいます。

一方で、ulの上に謎の隙間ができないページがこちらです。
こちらはサムネイルが9枚（記事数が9つ）で、1行に6記事のスタイルにしているため2行に渡っています。
この場合は、h2とulの間はcssで指定しているh2下のマージン20pxのみで、謎の隙間は現れません。

呼び出しコードもスタイルもまったく同じで、違うのは記事の数だけです。
再度コードを記載させて頂きます。

<h2 class="entry-title">タイトル</h2>
<ul class="posts-listing">
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
	<li>
	<a href="<?php the_permalink() ?>">
		<?php the_post_thumbnail( 'thumb230' ); ?>
		<span><?php the_title(); ?></span>
	</a>
	</li>
<?php endwhile; else: ?>
</ul>
<p>記事がありません</p>
<?php endif; ?>

h2とulの間の謎の隙間をなくしたいのですが、原因がまったく分かりません。

度々申し訳ございませんが、お詳しい方、お知恵を貸して頂きたく存じます。
よろしくお願い致します。

KUCKLUさん

早々にご回答頂き、誠にありがとうございました。
頂いた内容を追記したところ、隙間がなくなり、思惑通りのスタイルになりました。

「li inline-block」などで検索すると、同じ症状の話題がたくさん出てきました。
phpの問題だとばかり思って、cssへの突っ込みが足りませんでした。
cssについても改めてきちんと勉強し直します。

いい機会ですので、フロートを使った書き方もやってみたいと思います。
本当にありがとうございました。