iframeでtxtファイル（中身はHTML）を表示したいが、ソースの状態にならない

Question

1.html
1.txt

という同内容のファイルをiframeで左右に並べ、左に表示状態、右にソースコードというように表示したいのですが、どちらもHTMLが有効になった表示状態で埋め込まれてしまいます。
ローカル環境ではうまくいっていたのですが、サーバにアップロードし文字コードをhtaccess設定（UTF-8）したところ、上記の状態になってしまいました。

これがローカルで表示されていた、表示されたい状態で、

こちらがアップロードしたあとの、望まない表示状態です。

<div>
<iframe src="1.html" width="24%" height="600px" style="margin: 10px;"></iframe>
<iframe src="1.txt" width="20%" height="600px" style="margin: 10px;"></iframe>
<iframe src="2.html" width="24%" height="600px" style="margin: 10px;"></iframe>
<iframe src="2.txt" width="20%" height="600px" style="margin: 10px;"></iframe>
</div>

という形でiframeを並べており、

html/txtファイルは

    <div style="display: flex;flex-flow: wrap;justify-content: space-between;align-items: center;margin: 30px auto; text-align:center;">
        <p style="width:48%;margin:10px 0;"><a href="#" style="display:block;width:100%;padding:5px 10px;border:3px ridge #555;background: hsla(341, 100%, 85%, 0.3);box-sizing:border-box;color:#65fff2;font-size:20px;font-weight:bold;text-decoration:none;text-shadow: 1px 1px 1px #555;">LINK</a></p>
        <p style="width:48%;margin:10px 0;"><a href="#" style="display:block;width:100%;padding:5px 10px;border:3px ridge #555;background: hsla(341, 100%, 85%, 0.3);box-sizing:border-box;color:#65fff2;font-size:20px;font-weight:bold;text-decoration:none;text-shadow: 1px 1px 1px #555;">LINK</a></p>
        <p style="width:48%;margin:10px 0;"><a href="#" style="display:block;width:100%;padding:5px 10px;border:3px ridge #555;background: hsla(341, 100%, 85%, 0.3);box-sizing:border-box;color:#65fff2;font-size:20px;font-weight:bold;text-decoration:none;text-shadow: 1px 1px 1px #555;">LINK</a></p>
        <p style="width:48%;margin:10px 0;"><a href="#" style="display:block;width:100%;padding:5px 10px;border:3px ridge #555;background: hsla(341, 100%, 85%, 0.3);box-sizing:border-box;color:#65fff2;font-size:20px;font-weight:bold;text-decoration:none;text-shadow: 1px 1px 1px #555;">LINK</a></p>
    </div>

のかたちで同内容（拡張子のみ変更）です。

ディレクトリに置いてある.htaccessの内容は以下のとおりです。

AddType "text/html; charset=UTF-8" html
AddType "text/html; charset=UTF-8" txt

どなたかご教示くださいますよう、どうかお願いいたします。

Comments

[m.ts10806]

コードも構成も何もない状態では何も言いようがありません。

[tomo3nag]

すみません。
分かる情報を追加いたしました。

[m.ts10806]

ただ、ローカルでもtxtファイルの内容がHTMLとして認識されることはないかと思います（手元でも確認しました）。
htaccessはどうなってますか？

[tomo3nag]

htaccessについて追記しました。
文字コードをUnicodeにしたかっただけなのですが、その拡張子の振る舞い的な部分で書きかたが間違っているのでしょうか。。。

[m.ts10806]

通常は、HTMLとして認識させたいなら.htmlにします。

Answer 1

ありがとうございました、MIMEタイプというのをtext/plainで設定したところうまく表示されました！