inline-blockに高さを出したい -WordPress

Question

前提・実現したいこと

お世話になります。
WordPress(テーマ：Minimal WP)でinline-blockのボタンをdivで囲んで右寄せにしたのですが
高さが認識されず、後に続けたh3の高さまでおかしくなってしまいます。
この高さおかしいh3に背景色をつける指示がきてしまい、誤魔化しきれなくなりました。

該当のソースコード

bit.ly/3aYc5QP
このページの水色の部分です。

---css---
.right {
text-align: right;
margin: 2.5% 0 8%;
width: 100%;
}
.myButton {
background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
background-color: #ffffff;
border: 2px solid #444;
display: inline-block;
cursor: pointer;
color: #222222;
font-size: 18px;
padding: 8px 24px;
text-decoration: none;
}
---/css---

---html---

<div class="right"> <a href="https://fitness-wellness.jp/about#technogym" class="myButton">詳しくはこちら＞</a> </div> <h3 class="simple-h back_color"> 2. 24時間お好きな時間に~~ </h3> ---/html---

試したこと

ボタンの親divの幅100％にしてみたり、高さを入れてみたり、さらに入れ子にしてみましたが効果なく

補足情報

子テーマを2回読み込んでしまっていて若干見にくくて申し訳ないです。
高さを授けてくださる方がいらっしゃいましたら、どうぞよろしくお願いいたします。

Comments

[m.ts10806]

>bit.ly/3aYc5QP
なぜ短縮URL？
コードは実際のコードを質問本文に提示されたほうが良いです。
使っているテーマ名も記載されたほうが良いですね。

Answer 1

.rightがテーマのcssと被っていました。
知らずにfloat:rightが適用されて浮かんでいらしたのが原因でした。