diff --git a/itemrecord.php b/itemrecord.php
index 9d7ade1..54755bd 100644
--- a/itemrecord.php
+++ b/itemrecord.php
@@ -171,6 +171,18 @@ while ($row = $series->fetchArray()) {
         <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" />
         <!-- Core theme CSS (includes Bootstrap)-->
         <link href="item/css/styles.css" rel="stylesheet" />
+
+        <script>
+            let text = document.getElementById('myText').innerHTML;
+            const copyContent = async () => {
+            try {
+                await navigator.clipboard.writeText(text);
+                console.log('Content copied to clipboard');
+                } catch (err) {
+                console.error('Failed to copy: ', err);
+                }
+            }
+        </script>
     </head>
 
     <body>
@@ -232,8 +244,12 @@ while ($row = $series->fetchArray()) {
                         </div>
                     </div>
                 </div>
-                <div class="row gx-4 gx-lg-5 align-items-center">
-                    <div class="col-md-6"></div>
+                <div class="row gx-4 gx-lg-5 align-items-top">
+                    <div class="col-md-6">
+                        <h3 class="fw-bolder"><u>Citations</u></h3><br />
+                        <p class="metadata" id="chicago"><?php echo $row_author_sort.' <em>'.$row_title.'.</em> '.$row_publisher.', '.$row_pubdate.'.' ?></p>
+                        <button onclick="copyContent()">Copy Chicago citation</button>
+                    </div>
                     <div class="col-md-6">
                     <h3 class="fw-bolder"><u>Metadata</u></h3>
                     <p class="metadata"><br />
