Formatting in the "What's in a name?" callout is messed up

Author: jarrah42

_episodes/02-loop.md

@@ -157,32 +157,36 @@ command to signify the end of the loop body (e.g. end for); what is indented aft
 
 > ## What's in a name?
 > In the example above, the loop variable was given the name `char` as a mnemonic; it is short for 'character'. 'Char' is not a keyword in Python that pulls the characters from words or strings. In fact when a similar loop is run over a list rather than a word, the output would be each member of that list printed in order, rather than the characters.
->~~~ {.python}
->list = ['oxygen','nitrogen','argon']
->for char in list:
+> ~~~ 
+> list = ['oxygen','nitrogen','argon']
+> for char in list:
 >    print(char)
->~~~
+> ~~~
+> {: .python}
 >
->~~~ {.output}
->oxygen
->nitrogen
->argon
->~~~
+> ~~~
+> oxygen
+> nitrogen
+> argon
+> ~~~
+> {: .output}
 > We can choose any name we want for variables. We might just as easily have chosen the name `banana` for the loop variable, as long as we use the same name when we invoke the variable inside the loop:
->~~~ {.python}
->word = 'oxygen'
->for banana in word:
->    print(banana)
->~~~
+> ~~~
+> word = 'oxygen'
+> for banana in word:
+>     print(banana)
+> ~~~
+> {.python}
 >
->~~~ {.output}
->o
->x
->y
->g
->e
->n
->~~~
+> ~~~
+> o
+> x
+> y
+> g
+> e
+> n
+> ~~~
+> {: .output}
 > It is a good idea to choose variable names that are meaningful, otherwise it would be more difficult to understand what the loop is doing.
 {: .callout}