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

<style>
/* ===== A4 and screen setup ===== */
@page { size: A4; margin: 18mm; }

body {
    background: #d6d6d6;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

.page {
    width: 210mm;
    min-height: 297mm;
    margin: 12mm auto;
    background: #ffffff;
    padding: 20mm 18mm 18mm 18mm;
    box-shadow: 0 0 10px rgba(0,0,0,0.25);
}

h1 {
    text-align: center;
    font-size: 22px;
    margin-bottom: 6px;
}

table {
    width: 100%;
    border-collapse: collapse;
    font-size: 17px;
    margin-top: 10px;
}

td {
    width: 50%;
    padding: 6px 0;
    vertical-align: top;
}

td.left { text-align: center; }
td.right { text-align: left; padding-left: 40px; }

.print-btn {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: #0077cc;
    color: #fff;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 6px;
    cursor: pointer;
}

.print-btn:hover {
    background: #005fa3;
}

@media print {
    body { background: #fff; }
    .page { box-shadow: none; margin: 0; }
    .print-btn { display: none; }
}
</style>
</head>

<body>
<div class="page">
<h1>Minimal Pairs</h1>

<p style="text-align:center;">
<img src="ph23.gif" alt="ten" style="vertical-align:middle;"> 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<img src="ph24.gif" alt="den" style="vertical-align:middle;">
</p>

<table>
<tr><td class="left">ten</td><td class="right">den</td></tr>
<tr><td class="left">tip</td><td class="right">dip</td></tr>
<tr><td class="left">town</td><td class="right">down</td></tr>
<tr><td class="left">team</td><td class="right">deem</td></tr>
<tr><td class="left">tier</td><td class="right">dear</td></tr>
<tr><td class="left">try</td><td class="right">dry</td></tr>
<tr><td class="left">trip</td><td class="right">drip</td></tr>
<tr><td class="left">true</td><td class="right">drew</td></tr>
<tr><td class="left">latter</td><td class="right">ladder</td></tr>
<tr><td class="left">bitter</td><td class="right">bidder</td></tr>
<tr><td class="left">whiter</td><td class="right">wider</td></tr>
<tr><td class="left">hearty</td><td class="right">hardy</td></tr>
<tr><td class="left">catty</td><td class="right">caddy</td></tr>
<tr><td class="left">Pattie</td><td class="right">Paddy</td></tr>
<tr><td class="left">cites</td><td class="right">sides</td></tr>
<tr><td class="left">putting</td><td class="right">pudding</td></tr>
<tr><td class="left">paint</td><td class="right">pained</td></tr>
<tr><td class="left">state</td><td class="right">stayed</td></tr>
<tr><td class="left">set</td><td class="right">said</td></tr>
<tr><td class="left">bent</td><td class="right">bend</td></tr>
<tr><td class="left">Crete</td><td class="right">creed</td></tr>
</table>

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