My HTML:
<p>To accept EULA press <div class="key">Tab</div> then press <div class="key">Enter</div></p>
My CSS:
.key {
`border:1px solid #eee;`
`border-bottom:3px #c9c9c9 solid;`
`border-top:1px white solid;`
`background:#ededef;`
`box-shadow:0 0 .2em #000a;`
`border-radius:.2em;`
`padding:.5em;`
`min-width:20px;`
`display:inline-block;`
`text-align:center;`
}
p {
margin:1em 0;
text-align:justify;
line-height:1.61em;
}
Result is
But I want they be on same line. I tried many thing but I can’t. Any help?