[WordPress]記事編集画面のCSSを公開記事に適用したい

Question

WordPressのテーマを自作しています。

個別投稿ページを作成するために、single.phpを書いているところです。

投稿編集画面で入力した記事を表示させるために、

<?php the_content() ?>を使用しているのですが、

実際の公開画面では、編集画面で見られるようなレイアウトが適用されません。

例えば、編集画面では段落間にスペースが入るのに、
実際の公開画面ではスペースが入りません。

やりたいことは、編集画面で見られるレイアウト（CSS）を
実際の公開画面に適用させることです。

functions.php内で、

function my_setup() {
  add_theme_support('wp-block-styles');
}
add_action('after_setup_theme', 'my_setup');

を記述しましたが、変化ありませんでした。

<?php the_content() ?>で出力されているhtmlを見ましたが、

自動で<p>タグなどが挿入されていますが、
idやclassは設定されていませんでした。

どうすれば、記事編集画面のCSSを公開記事に適用できますか？

Answer 1

* {
  margin: 0;
  padding: 0;
}

を自分で書いていたため、反映されていないように見えただけでした。
上記を修正したら、段落間にスペース（マージン）が入りました。
また、編集画面のCSSを適用させるために、

function my_setup() {
  add_theme_support('wp-block-styles');
}
add_action('after_setup_theme', 'my_setup');

は記述したままにしました。