wordpressのimgタグの上の空白を消したい

前提・実現したいこと

wordpressのimgタグの上の空白を消したい。

発生している問題・エラーメッセージ

imgの上に&nbscという文字が入っていて無用な空白ができている。

該当のソースコード

php
1//クロームで見た場合
2<p class="profile-image">
3 &nbsp; &nbsp; &nbsp; &nbsp;<img src=" example.com, example.jp, example.co.jp">
4</p>
5
6//実際のコードには&nbsp; &nbsp; &nbsp; &nbsp;は記述していない。

css
1.main .sidebar .sidebar-profile .profile-image {
2    margin: 40px 0;
3    text-align: center;
4}
5
6.main .sidebar .sidebar-profile .profile-image img {
7    border-radius: 50%;
8    object-fit: cover;
9    width: 130px;
10    height: 130px;
11    vertical-align: top;
12}

試したこと

vertical-align: top;で上の空白を消そうとしたがダメだった。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

kei344

2020/05/08 02:28

（質問文は編集できます）例示用ドメインはご自身で所有されていない限り example.com, example.jp, example.co.jp など例示用に予約されたドメイン名を利用してください。 http://www.atmarkit.co.jp/fwin2k/win2ktips/801exampledom/exampledom.html https://blog.jxck.io/entries/2017-09-27/example-local-test-domains.html https://blog.ko31.com/201304/sample-domain-example/ また、どこに記入したHTMLでしょうか。テーマでしょうか、記事本文エリアでしょうか。

sinonggosao

2020/05/08 08:08

ご指摘ありがとうございます。ドメインは所有している物で一部変えて表記してましたが、一応変えました。自作しているテーマ出して、sidebar.phpに記載した物です。

行動規範の内容に同意します

回答1件

ベストアンサー

<img>にdisplay: block;をつけると解決するかもしれません。

CSS
1.main .sidebar .sidebar-profile .profile-image img {
2    border-radius: 50%;
3    object-fit: cover;
4    width: 130px;
5    height: 130px;
6    vertical-align: top;
7
8    display: block; /* 追加 */
9}