htmlが切れた状態でブラウザに読み込まれ、正しく表示できない

###前提・実現したいこと
webサイト制作の練習用に作ったページが正しく表示されません。（真っ白な状態）
環境はvagrant上のcentosでapacheを利用しています。
ソースは共有フォルダ機能を使って反映しています。

開発者ツールで確認すると以下のような状態でソースが切れた状態です。

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta charset="utf-8">
        <title>chapter1</title>
        <meta name="description" content="">
        <meta name="author" content="">
        <meta name="viewport" content="width=d

実際にエディタで作成したhtmlファイルは以下のようなソースです。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>chapter1 CSSのカスケードについて</title>
    </head>
    <body>
        <h1>カスケーディングとは</h1>
        <p>CSS Cascading Style Sheetsの頭文字です。</p>
    </body>
</html>

bodyの部分以下がバッサリ切れているのですが
どのような対応をすれば正しく表示できるようになりますでしょうか？

よろしくお願いします。

###試したこと
1.vagrant upでの共有フォルダ機能のエラーメッセージなどは表示されていません。
2.FTPツールでcentos上のhtmlファイルがローカルと同じ状態であることを確認しています。
3.pタグの文言が少ないとなぜか表示されます。（「Cascading Style Sheetsの頭文字です。」を消すなど）
4.キャッシュは拡張機能で消してから読み込んでいます。

###補足情報(言語/FW/ツール等のバージョンなど)
OS Windows10
ブラウザ chrome
vagrant 1.8.4
ゲストOS centos6.7
エディタ Brakets