How to stop lines of code from automatically shifting to the next line whenever I resize the window of the editor?

Question

I am using Sublime Text 2. When I am on an HTML file. If I resize the window. The code at the very end shifts down to the next line. How do I stop this from happening? I want the code to continue onward, so I will have to scroll side to side to see the rest of the code and not have the shift to the next line.

I have taken screenshots to better illustrate what I am referring to.

After window has been resized. Notice the number lines? How do I stop that? I'd rather scroll right to see the rest of the code instead of having the code jump to the next line.

I noticed this only happens in an HTML file.

Answer 1

Look in the default Preferences.sublime-settings file for the setting below:

// Disables horizontal scrolling if enabled.
// May be set to true, false, or "auto", where it will be disabled for
// source code, and otherwise enabled.
"word_wrap": "auto",

---

If you want the default for word wrap to be off for all syntax types:

Copy "word_wrap": "auto", into your user Preferences.sublime-settings file

If you want the default for word wrap to be off for code and off for HTML but on for other syntax types:

Copy "word_wrap": "auto", into the HTML.sublime-settings file

---

Set it to "word_wrap": "false",.

Now your default for HTML will be word wrap is off.

You can change this anytime by toggling the Word Wrap item in the View menu or by launching the Control Panel and typing enough of word wrap until the Word Wrap: Toggle item is selected and hitting Return.