Please read the following table in HTML format from a webpage and then answer the question in detail according to the table. Each table cell is defined by a <td> and a </td> tag. Each table row starts with a <tr> and ends with a </tr> tag. 'rowspan=m' and 'colspan=n' represents a cell spaning over 'm' rows and 'n' columns.

Webpage title:
1940 Middleton and Prestwich by-election
Table title:
Result
Table:
<table id='hittask' contenteditable='False'>
<tr> <th colspan=2 rowspan=1 > Party </th><th colspan=1 rowspan=1 > Candidate </th><th colspan=1 rowspan=1 > Votes </th><th colspan=1 rowspan=1 > % </th><th colspan=1 rowspan=1 > ± </th></tr>
<tr> <td colspan=1 rowspan=1 >  </td><td colspan=1 rowspan=1 > Conservative </td><td class="highlighted"  colspan=1 rowspan=1 > Ernest Gates </td><td colspan=1 rowspan=1 > 32,036 </td><td class="highlighted"  colspan=1 rowspan=1 > 98.7 </td><td colspan=1 rowspan=1 > +37.6 </td></tr>
<tr> <td colspan=1 rowspan=1 >  </td><td colspan=1 rowspan=1 > British Union of Fascists </td><td colspan=1 rowspan=1 > Frederick Haslam </td><td colspan=1 rowspan=1 > 418 </td><td colspan=1 rowspan=1 > 1.3 </td><td colspan=1 rowspan=1 > N/A </td></tr>
<tr> <th colspan=3 rowspan=1 > Majority </th><td colspan=1 rowspan=1 > 31,618 </td><td class="highlighted"  colspan=1 rowspan=1 > 97.4 </td><td colspan=1 rowspan=1 > +75.2 </td></tr>
<tr> <th colspan=3 rowspan=1 > Turnout </th><td colspan=1 rowspan=1 > 32,454 </td><td colspan=1 rowspan=1 > 49.0 </td><td colspan=1 rowspan=1 > –25.5 </td></tr>
<tr> <td colspan=1 rowspan=1 >  </td><td colspan=2 rowspan=1 > Conservative hold </td><th colspan=1 rowspan=1 > Swing </th><td colspan=1 rowspan=1 > N/A </td><td colspan=1 rowspan=1 >  </td></tr>
</table>
Question:
How many votes did Gates win with in the 1940 Middleton and Prestwich by-election and what was the majority?
Answer:
Gates won with 98.7% of the votes and a 97.4% majority.