Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html lang=en>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Repeat-on-break demo</title>
<figure>
    <figcaption>Phone book</figcaption>
    <table>
        <thead>
            <tr><th>Name<th>Phone number
        </thead>
        <tbody>
            <tr><td>Joe<td>1234-5678
            <tr><td>Alisha<td>9876-5432
            <tr><td>Kensuke<td>111-22-333
            <tr><td>Åsa<td>8787-5656
            <tr><td>David<td>5896-3214
            <tr><td>Kosum<td>7412-5896
            <tr><td>Myung-Hee<td>2846-7931
            <tr><td>Jacques<td>9510-3574
        </tbody>
    </table>
</figure>
 
@page {
    size: 25em 9em;
    margin: 1em;
}
table { border-collapse: collapse;  width: 100%}
th, td {
    border: solid 1px;
}
figure, body {
    margin: 0;
}
figcaption {
    repeat-on-break: header;
}
figure::nth-fragment(n+2) figcaption::after {
    content: " (continued)";
}
figure::nth-fragment(2n+3) figcaption {
    text-align: right;
}
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
frivoalpro
0viewers