diff --git a/app/views/exercise/_exercise_student.html.erb b/app/views/exercise/_exercise_student.html.erb
index a63191db..6b5ecd5e 100644
--- a/app/views/exercise/_exercise_student.html.erb
+++ b/app/views/exercise/_exercise_student.html.erb
@@ -203,7 +203,7 @@
                 <label class="fl color-grey3" for="exercise_<%= exercise_choice.id %>_exercise_choice_id">
                   <div class="fl">
                     <%= convert_to_char((index + 1).to_s) %>
-                  </div><pre class="fl ml10"><%= exercise_choice.choice_text %></pre>
+                  </div><xmp class="fl ml10 xmplist"><%= exercise_choice.choice_text %></xmp>
                 </label>
               </li>
           <% end %>
@@ -250,7 +250,7 @@
                 <label class="fl color-grey3" for="exercise_<%= exercise_choice.id %>_exercise_choice_id">
                   <div class="fl">
                     <%= convert_to_char((index + 1).to_s) %>
-                  </div><pre class="fl ml10"><%= exercise_choice.choice_text %></pre>
+                  </div><xmp class="fl ml10 xmplist"><%= exercise_choice.choice_text %></xmp>
                 </label>
               </li>
             <% end %>
diff --git a/app/views/exercise/_exercise_student_result.html.erb b/app/views/exercise/_exercise_student_result.html.erb
index 8b6f7ab6..7b78e5fc 100644
--- a/app/views/exercise/_exercise_student_result.html.erb
+++ b/app/views/exercise/_exercise_student_result.html.erb
@@ -156,7 +156,7 @@
                 <label class="fl color-grey3" for="exercise_<%= exercise_choice.id %>_exercise_choice_id">
                   <div class="fl">
                     <%= convert_to_char((index + 1).to_s) %>
-                  </div><pre class="fl ml10"><%= exercise_choice.choice_text %></pre>
+                  </div><xmp class="fl ml10 xmplist"><%= exercise_choice.choice_text %></xmp>
                 </label>
               </li>
             <% end %>
@@ -175,7 +175,7 @@
                 <label class="fl color-grey3" for="exercise_<%= exercise_choice.id %>_exercise_choice_id">
                   <div class="fl">
                     <%= convert_to_char((index + 1).to_s) %>
-                  </div><pre class="fl ml10"><%= exercise_choice.choice_text %></pre>
+                  </div><xmp class="fl ml10 xmplist"><%= exercise_choice.choice_text %></xmp>
                 </label>
               </li>
             <% end %>
diff --git a/app/views/exercise/_show_MC.html.erb b/app/views/exercise/_show_MC.html.erb
index 1f74be73..64b1f128 100644
--- a/app/views/exercise/_show_MC.html.erb
+++ b/app/views/exercise/_show_MC.html.erb
@@ -23,7 +23,7 @@
           <label class="fl color-grey3" for="sx_<%= exercise_choice.id %>">
             <div class="fl">
               <%= convert_to_char((index+1).to_s)%>
-            </div><pre class="fl ml10"><%= exercise_choice.choice_text%></pre>
+            </div><xmp class="fl ml10"><%= exercise_choice.choice_text%></xmp>
           </label>
         </li>
     <% end %>
diff --git a/app/views/exercise/_show_MCQ.html.erb b/app/views/exercise/_show_MCQ.html.erb
index 57c36496..4e336e91 100644
--- a/app/views/exercise/_show_MCQ.html.erb
+++ b/app/views/exercise/_show_MCQ.html.erb
@@ -23,7 +23,7 @@
           <label class="fl color-grey3" for="dx_<%= exercise_choice.id %>">
             <div class="fl">
               <%= convert_to_char((index+1).to_s)%>
-            </div><pre class="fl ml10"><%= exercise_choice.choice_text%></pre>
+            </div><xmp class="fl ml10 xmplist"><%= exercise_choice.choice_text%></xmp>
           </label>
         </li>
     <% end %>
diff --git a/app/views/exercise/student_exercise_list.html.erb b/app/views/exercise/student_exercise_list.html.erb
index e6eddc40..6ca89738 100644
--- a/app/views/exercise/student_exercise_list.html.erb
+++ b/app/views/exercise/student_exercise_list.html.erb
@@ -271,7 +271,7 @@
                       <label class="fl color-grey3" for="exercise_<%= exercise_choice.id %>_exercise_choice_id">
                         <div class="fl">
                           <%= convert_to_char((index + 1).to_s) %>
-                        </div><pre class="fl ml10"><%= exercise_choice.choice_text %></pre>
+                        </div><xmp class="fl ml10 xmplist"><%= exercise_choice.choice_text %></xmp>
                       </label>
                     </div>
                   <% end %>
@@ -288,7 +288,7 @@
                       <label class="fl color-grey3" for="exercise_<%= exercise_choice.id %>_exercise_choice_id">
                         <div class="fl">
                           <%= convert_to_char((index + 1).to_s) %>
-                        </div><pre class="fl ml10"><%= exercise_choice.choice_text %></pre>
+                        </div><xmp class="fl ml10 xmplist"><%= exercise_choice.choice_text %></xmp>
                       </label>
                     </div>
                   <% end %>
diff --git a/public/stylesheets/educoder/edu-all.css b/public/stylesheets/educoder/edu-all.css
index 398cf669..b4500008 100644
--- a/public/stylesheets/educoder/edu-all.css
+++ b/public/stylesheets/educoder/edu-all.css
@@ -3414,4 +3414,9 @@ line-height: 16px;display: inline-block;color: rgba(65, 140, 205, 1) !important;
 }
 .changebtn{
     width: 127px;font-size: 16px;height: 40px; line-height: 40px;
+}
+
+.xmplist{
+    margin-top:0px !important;
+    margin-bottom:0px !important;
 }
\ No newline at end of file