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

Post image

But I want they be on same line. I tried many thing but I can’t. Any help?



Source link

Write A Comment