html - フッターの右下にある空白を取り除く

Question

フッターの下部にある空白のバーを取り除こうとしています。HTMLは次のとおりです。

        <hr style="height:7px; color:ff6c00; background-color: ff6c00; margin:-10; border:2px solid ff6c00;"/>

        <p><center><font family=audiowide size=20px color=white> Money  <font color=ff6c00>&bull;</font>  Time <font color=ff6c00>&bull;</font>  Health</font></center></p>

    </div>

CSSは次のとおりです。

.Footer {
    background:#666666;
    text-align:left;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -10px;
    padding-bottom: 5px;
  word-spacing : 2em;
}

ヘッダーにも同じ問題がありましたが、以前 "display:inline"は修正していましたが、ヘッダーで行ったように div をネストしていないため、ここでは機能しないようです。

編集: 空白はフッターの右下隅のみにあり、すべての端ではありません。これは、私が解決した問題です"display:inline"。

どんな助けでも大歓迎です。