diff --git a/main.js b/main.js
index e8cbe96..78c0203 100644
--- a/main.js
+++ b/main.js
@@ -46,7 +46,8 @@ const sites = [
 const item = (site) => `
 <a href="${site.url}" target="_blank" class="card">
   <h2>${site.title} &rarr;</h2>
-  <p>${site.description}\n${site.url}</p>
+  <p>${site.description}</p>
+  <p class="single">${site.url}</p>
 </a>
 `
 
diff --git a/style.css b/style.css
index 005087d..6d33ea5 100644
--- a/style.css
+++ b/style.css
@@ -53,6 +53,7 @@ a {
 }
 
 .card {
+  width: 100%;
   margin: 1rem;
   padding: 1.5rem;
   text-align: left;
@@ -82,6 +83,13 @@ a {
   line-height: 1.5;
 }
 
+.card .single {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  word-break: break-all;
+  white-space: nowrap;
+}
+
 .beian {
   margin-bottom: 20px;
   text-align: center;