<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fugit aperiam tenetur ducimus expedita vitae. Veniam illo officiis quia non cumque voluptatum quo.</p>

<kbd class="command">brew install buttnugget</kbd>

<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex beatae modi in dolore totam soluta natus tempore possimus veritatis! Repudiandae ad voluptatibus minus, incidunt excepturi harum provident vel sequi saepe.</p>
@import url("https://fonts.googleapis.com/css2?family=Courier+Prime&display=swap");

.command {
  font-family: "Courier Prime", monospace;
  display: block;
  background: #443e3e;
  text-shadow: 0 1px black;
  padding: 1rem;
  border-top: 9px solid #85898c;
  border-left: 9px solid #85898c;
  border-bottom: 9px solid #2a2222;
  border-right: 9px solid #2a2222;
  border-radius: 3px;
  color: #eee;
}
.command::before {
  content: "$ ";
}

body {
  background: #ccc;
  font-family: system-ui;
  line-height: 1.4;
  max-width: 500px;
  margin: 1.5rem;
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.