Text not wrapping, can't figure out why

HTML-CSS
7

Setting the whole #main-doc to position:fixed will lead to problems, you might have noticed that you can’t scroll down the page. I’d suggest to not set the position at all, and instead move it over to the right with

#main-doc {
  margin-left:300px;
}

Also, to make sure that the page isn’t overflowing to the right, add

img {
  width:100%;
}

And finally, to remove that gap between the red border and the right edge, remove the body margin:

body {
  margin:0;
}

That should give you a good start to work with.

1 Like