[bes]

<style>
.textBegin {
	color: green;
}
.textEnd {
	color: lightgreen;
}
</style>

<div class="textBegin">
 - Вообщем блоков с id "content-last-screams" много, нужно чтобы каждый "content-last-screams" переносил свои не влезающие слова в блок "content-last-screams-load".
 </div>
<div class="textEnd"></div>

<div class="textBegin">
 - Вообщем есть block1 с текстом и block2 без текста, если в block1 больше 50 символов остальные символы которые не вместились переходили в block2.
 </div>
<div class="textEnd"></div>

<div class="textBegin">
 - Спасибо, был один баг не переносил 1 букву "исправил".
А можно ли сделать чтобы переносил слова?
Слово не вместилось и переносит.. как-то так
</div>
<div class="textEnd"></div>

<script>
window.onload = function () {

	if (!document.getElementsByClassName) { 
		document.getElementsByClassName = function (nameOfClass) {
			var mas = []; 
			var elements = this.getElementsByTagName('*'); 
			var len = elements.length;
			for (var i = 0; i < len; i++) { 
				if (elements[i].className == nameOfClass) { 
					mas.push(elements[i]); 
				}
			} 
			return mas; 
		}
	}

	function setBreak(elem1, elem2) {
		var n = 50;
		var text = elem1.innerHTML;
		if (text.length > n) {
			var pos = text.lastIndexOf(' ', n + 1);
			elem1.innerHTML = text.substring(0,  pos);
			elem2.innerHTML = text.substring(pos + 1);
		}
	}

	var elems1 = document.getElementsByClassName('textBegin');
	var elems2 = document.getElementsByClassName('textEnd');
	var len = elems1.length;
  
	for (var i = 0; i < len; i++) {
		setBreak (elems1[i], elems2[i]);
	}
	
}
</script>

PS: или через querySelectorAll