+ data[ i ].name + " " + data[ i ].year + " " + data[ i ].gender + " " + data[ i ].runtime +
Godzilla 2014 Fantasy|Action|Sci-fi 2h 3min
Fantasy|Action|Sci-fi 2h 3min
The only way to style different parts of the text in different ways is to wrap them all in their own elements and give them separate class names.
<p class="movie"> <span class="movieName">Godzilla</span> <span class="movieYear">2014</span> <span class="movieGenre">Fantasy|Action|Sci-fi</span> <span class="movieRunningTime">2h 3min</span> </p>
You can then experiment with the css to get it how you want.
You might also want to try replacing
<section>, or wrap a
<header> around the Name & year elements.