@mtf/

line-height dual roles

HTML, CSS, JS

line-spacing in paragraphs and vertical centering on buttons

fork
loading
Files
  • index.html
  • script.js
  • style.css

This Plugin Crashed!

Error: Error: must not create an existing file {"type":"CREATE_FILE","wid":"0.12537874742095245","path":"index.html","file":{"path":"index.html","content":{"asEncoding":{"base64":"PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPG1ldGEgY2hhcnNldD0idXRmLTgiPgogICAgPG1ldGEgbmFtZT0idmlld3BvcnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCI+CiAgICA8dGl0bGU+cmVwbC5pdDwvdGl0bGU+CiAgICA8bGluayBocmVmPSJzdHlsZS5jc3MiIHJlbD0ic3R5bGVzaGVldCIgdHlwZT0idGV4dC9jc3MiIC8+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPHA+TG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2NpbmcgZWxpdC4gUGVsbGVudGVzcXVlIGZldWdpYXQgdmVsIHF1YW0gbm9uIHZhcml1cy4gTnVsbGEgdGVtcHVzIG5lcXVlIGFjIG5pYmggYWNjdW1zYW4gdWxsYW1jb3JwZXIuIFNlZCB0ZW1wb3IgdXJuYSBhdCBuaWJoIG1heGltdXMgYWxpcXVldC4gSW50ZWdlciB2aXRhZSBvcm5hcmUgbWkuIFZlc3RpYnVsdW0gZWxpdCBsZW8sIGNvbW1vZG8gaW4gc29kYWxlcyBhYywgaW50ZXJkdW0gaWQgYXJjdS4gUHJhZXNlbnQgY29tbW9kbywgbGVjdHVzIHV0IHJ1dHJ1bSBjb25zZXF1YXQsIGxhY3VzIHRvcnRvciBjb25zZWN0ZXR1ciBtYXNzYSwgaW4gcGVsbGVudGVzcXVlIGxpYmVybyBtYXNzYSBzaXQgYW1ldCBkaWFtLiBQcm9pbiBhbnRlIHF1YW0sIGxvYm9ydGlzIGEgbWF4aW11cyBuZWMsIGVmZmljaXR1ciBhdCBlbmltLiBWaXZhbXVzIGRpY3R1bSwgaXBzdW0gdml0YWUgdWxsYW1jb3JwZXIgdGVtcG9yLCB0dXJwaXMgZmVsaXMgdmVuZW5hdGlzIGxpYmVybywgYWMgY29uZ3VlIGVuaW0gbGFjdXMgYXQgZXJhdC48L3A+CiAgICA8cD5DcmFzIHVsdHJpY2VzIHRvcnRvciB0cmlzdGlxdWUgYW50ZSBhY2N1bXNhbiwgdml0YWUgbW9sZXN0aWUgZXJvcyBvcm5hcmUuIFF1aXNxdWUgdG9ydG9yIHVybmEsIHNlbXBlciB1dCBwbGFjZXJhdCBhdCwgc2FnaXR0aXMgdXQgZGlhbS4gTWF1cmlzIHNvbGxpY2l0dWRpbiB2aXRhZSBlcmF0IGF0IG1hbGVzdWFkYS4gQWVuZWFuIGFjIG5pYmggZXQgbWFzc2EgcG9zdWVyZSBhY2N1bXNhbi4gVml2YW11cyBtYXR0aXMgYW50ZSBpbiBwdWx2aW5hciBwdWx2aW5hci4gQWxpcXVhbSBjdXJzdXMgb2RpbyBuZWMgbmlzaSBhbGlxdWFtIGZlcm1lbnR1bS4gRXRpYW0gdmVoaWN1bGEganVzdG8gZWdldCBuaWJoIGxvYm9ydGlzLCBuZWMgZWxlaWZlbmQgdG9ydG9yIGxvYm9ydGlzLiBDdXJhYml0dXIgYSBpbnRlcmR1bSBhdWd1ZS48L3A+CiAgICA8cD5OdWxsYSByaG9uY3VzIGF0IHNhcGllbiBldCBtb2xsaXMuIFByYWVzZW50IHNvZGFsZXMgaGVuZHJlcml0IGRvbG9yIGVnZXQgZWZmaWNpdHVyLiBBbGlxdWFtIHZ1bHB1dGF0ZSwgZXggaWQgdmVuZW5hdGlzIG1heGltdXMsIG5pc2wgZG9sb3IgdmVoaWN1bGEgbWksIHZpdGFlIHRyaXN0aXF1ZSBsZW8gZG9sb3IgaW4gdXJuYS4gTnVuYyB2ZWwgbmVxdWUgbGFjdXMuIE1hZWNlbmFzIHRpbmNpZHVudCwgbGVvIHF1aXMgdm9sdXRwYXQgc3VzY2lwaXQsIHRvcnRvciBlbGl0IGRpZ25pc3NpbSBsZW8sIGx1Y3R1cyBydXRydW0gZmVsaXMganVzdG8gc2l0IGFtZXQgbnVsbGEuIEN1cmFiaXR1ciBjdXJzdXMgdG9ydG9yIHVybmEuIER1aXMgY29tbW9kbyB2ZW5lbmF0aXMgdWxsYW1jb3JwZXIuIE51bGxhIGFjIGVzdCBtYWduYS4gQWxpcXVhbSBldSBkYXBpYnVzIG9yY2kuIEV0aWFtIGlhY3VsaXMgbWkgbW9sbGlzIGNvbmRpbWVudHVtIGRpZ25pc3NpbS4gRXRpYW0gYXJjdSBlc3QsIHRpbmNpZHVudCBuZWMgdm9sdXRwYXQgaWQsIGdyYXZpZGEgdmVsIGRpYW0uIEZ1c2NlIGVsZW1lbnR1bSBlcmF0IG5lYyB1cm5hIGVmZmljaXR1ciwgdml0YWUgY29tbW9kbyBsZW8gdGVtcG9yLjwvcD4KICAgIDxzY3JpcHQgc3JjPSJzY3JpcHQuanMiPjwvc2NyaXB0PgogIDwvYm9keT4KPC9odG1sPg=="},"asBuffer":null},"loaded":true}}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>repl.it</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque feugiat vel quam non varius. Nulla tempus neque ac nibh accumsan ullamcorper. Sed tempor urna at nibh maximus aliquet. Integer vitae ornare mi. Vestibulum elit leo, commodo in sodales ac, interdum id arcu. Praesent commodo, lectus ut rutrum consequat, lacus tortor consectetur massa, in pellentesque libero massa sit amet diam. Proin ante quam, lobortis a maximus nec, efficitur at enim. Vivamus dictum, ipsum vitae ullamcorper tempor, turpis felis venenatis libero, ac congue enim lacus at erat.</p>
    <p>Cras ultrices tortor tristique ante accumsan, vitae molestie eros ornare. Quisque tortor urna, semper ut placerat at, sagittis ut diam. Mauris sollicitudin vitae erat at malesuada. Aenean ac nibh et massa posuere accumsan. Vivamus mattis ante in pulvinar pulvinar. Aliquam cursus odio nec nisi aliquam fermentum. Etiam vehicula justo eget nibh lobortis, nec eleifend tortor lobortis. Curabitur a interdum augue.</p>
    <p>Nulla rhoncus at sapien et mollis. Praesent sodales hendrerit dolor eget efficitur. Aliquam vulputate, ex id venenatis maximus, nisl dolor vehicula mi, vitae tristique leo dolor in urna. Nunc vel neque lacus. Maecenas tincidunt, leo quis volutpat suscipit, tortor elit dignissim leo, luctus rutrum felis justo sit amet nulla. Curabitur cursus tortor urna. Duis commodo venenatis ullamcorper. Nulla ac est magna. Aliquam eu dapibus orci. Etiam iaculis mi mollis condimentum dignissim. Etiam arcu est, tincidunt nec volutpat id, gravida vel diam. Fusce elementum erat nec urna efficitur, vitae commodo leo tempor.</p>
    <script src="script.js"></script>
  </body>
</html>
result
console