mirror of
https://github.com/SerenityOS/serenity
synced 2024-07-21 18:15:58 +00:00
21 lines
509 B
HTML
21 lines
509 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>display: inline-block</title>
|
|
<style>
|
|
div {
|
|
display: inline-block;
|
|
width: 200px;
|
|
height: 100px;
|
|
margin: 20px;
|
|
border: 1px solid black;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div>Hello friends! This <b>div</b> has <b>display: inline-block</b> :^)</div>
|
|
<div>Hello friends! That means its laid out like a block on the inside.</div>
|
|
<div>Hello friends! But it acts like an atomic inline box on the outside!</div>
|
|
</body>
|
|
</html>
|