mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2024-11-22 23:50:19 +00:00
20 lines
509 B
HTML
20 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>
|