<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Minimal pairs - consonant sounds in British English: /s/ and /z/</title>
<meta name="description" content="Recognition and production of English phonemes: voiceless alveolar fricative compared with voiced alveolar fricative.">
<meta name="keywords" content="consonant,sounds,alveolar,fricative,voiced,voiceless,British,English,pronunciation,phonology,phonemes,language,learning,teaching,efl,esl,elt">

<style>

/* ===== A4 Page Setup ===== */
@page {
    size: A4;
    margin: 18mm;
}

/* Screen preview */
body {
    background: #d6d6d6;
    font-family: Arial, Helvetica, sans-serif;
}

.page {
    width: 210mm;
    min-height: 297mm;
    margin: 12mm auto;
    background: white;
    padding: 18mm;
    box-shadow: 0 0 8px rgba(0,0,0,0.25);
    box-sizing: border-box;
}

/* Headings */
h1 {
    text-align: center;
    margin-bottom: 5mm;
}

.subtitle {
    text-align: center;
    font-size: 14px;
    margin-bottom: 12mm;
}

/* Table */
table {
    width: 100%;
    border-collapse: collapse;
    font-size: 19px;
}

td {
    width: 50%;
    padding: 7px 0;
}

td:first-child {
    text-align: center;
}

td:last-child {
    text-align: left;
    padding-left: 22mm;
}

/* Footer */
.footer {
    text-align: center;
    margin-top: 14mm;
}

/* Print Button */
.print-button {
    padding: 8px 16px;
    font-size: 14px;
    cursor: pointer;
}

/* Hide button when printing */
@media print {
    body {
        background: white;
    }
    .page {
        box-shadow: none;
        margin: 0;
        width: auto;
        min-height: auto;
    }
    .print-button {
        display: none;
    }
}

</style>
</head>

<body>

<div class="page">

<h1>Minimal Pairs</h1>
<div class="subtitle">
/s/ (voiceless alveolar fricative) &nbsp;&nbsp;and&nbsp;&nbsp; /z/ (voiced alveolar fricative)
</div>

<table>

<tr><td>sip</td><td>zip</td></tr>
<tr><td>Sue</td><td>zoo</td></tr>
<tr><td>said</td><td>Zed</td></tr>
<tr><td>seal</td><td>zeal</td></tr>
<tr><td>ice</td><td>eyes</td></tr>
<tr><td>rice</td><td>rise</td></tr>
<tr><td>lice</td><td>lies</td></tr>
<tr><td>price</td><td>prize</td></tr>
<tr><td>dice</td><td>dies</td></tr>
<tr><td>grace</td><td>graze</td></tr>
<tr><td>face</td><td>phase</td></tr>
<tr><td>mace</td><td>maze</td></tr>
<tr><td>lace</td><td>laze</td></tr>
<tr><td>place</td><td>plays</td></tr>
<tr><td>bus</td><td>buzz</td></tr>
<tr><td>niece</td><td>knees</td></tr>
<tr><td>peas</td><td>peas</td></tr>
<tr><td>pierce</td><td>peers</td></tr>
<tr><td>fierce</td><td>fears</td></tr>
<tr><td>loose</td><td>lose</td></tr>

</table>

<div class="footer">
    <button class="print-button" onclick="window.print()">Print Page</button>
</div>

</div>

</body>
</html>