текст выходит за рамки, как исправить? где в ксс капаться?

Если ты используешь Google Chrome, тогда нажми правой кнопкой по блоку с вылезающим текстом и выбери пункт "Проинспектировать элемент". Поидее он должен в редакторе, который у тебя появится сразу выделить строку с этим блоком. Посмотри class или id блока. После открой CSS файл и найди этот class или id в нём Если не нашел, то создай. Названия классов нужно начинать с точки, а названия идов с решетки #. После допиши этому блоку ширину и готово.

Пример:
.class {
width: 550px;
}
или если ид
#id {
width: 550px;
}

Ширину можешь подобрать методом тыка или изменить плагином для хрома "Page Ruler".