Githubにテキストエディタで書いたものをコピペして貼り付けようとしたらうまくいかないです。

Question

###前提・実現したいこと
題名にかいてあることなんですが、テキストエディタで書いたコードをコピーしてGithubに貼り付けたらインデントがおかしくなってしまうんです。下のようになってしまうです。なにかいい方法ありましたら教えて下さい。

###テキストエディタ上でのソースコード

{
  padding: 0;
  margin: 0;
}

li
{
  list-style: none;
}

.header
{
  height: 65px;
  border-bottom: 1px solid #dddddd;
}

.header-left
{
  float: left;
  padding: 10px 60px;
  color: #ED7000;
  font-size: 30px;
}

###該当のソースコード

*
{
		  padding: 0;
		    margin: 0;
}

li
{
		  list-style: none;
}

.header
{
		  height: 65px;
		    border-bottom: 1px solid #dddddd;
}

.header-left
{
		  float: left;
		    padding: 10px 60px;
			  color: #ED7000;
			    font-size: 30px;
}

Comments

[A-pZ]

インデントが崩れる前のソースコード(CSS)も一緒に貼り付けてください。
なお、GitHubのエディタでは、インデントを半角スペースかタブなのかを切り替えることもできます。

[KoujirouNabata]

ご返信有り難うございます。
崩れる前のソースコードを追加しました。切り替える際の手順などを簡単でよろしいので教えていただきたいです。
よろしくお願いします。

[A-pZ]

NewFileボタンなどでファイルの編集画面にしたあと、画面右側のボタンにて、タブスペースの数などインデントの形式が表示されます。提示していただいたコードを私の方でも検証しましたが、特に問題はありませんでしたので、元となったソースに半角スペースとタブ文字が入り乱れていないかなどを確認してください。