Keeping the text on the same line after adding a div

Hi,

I am trying to add a div to the first line on my paragraph so it uses another font. After adding it, the rest of the paragraph does not stay on the same line. Can you please help?

http://staging.wsmsnyc.org.s167849.gridserver.com/programs/ – please look on the green section “Montessori teachers must be exceptionally well prepared.” and “For indeed, they too are learners.”. Both should not be on separate line

Here is my code below

<div id=”brandfont”>Montessori teachers must be exceptionally well prepared.</div>
They need to have a deep understanding of human development and of how learning takes place. They need the ability to analyze and reflect on their observations of children in order to tailor the curriculum to each child’s interests and capabilities. They need excellent communication skills in order to collaborate with children, parents, and colleagues. They need to be committed to self-reflection and inquiry, to see themselves as questioners and explorers.
<div id=”brandfont”>For indeed, they too are learners.</div>
The West Side Montessori School Teacher Education Program (WSMS-TEP) teaches adults to become effective, responsive, well-prepared Montessori teachers