minerva/Base/res/html/misc/inline-block.html at fe341a6cee35372cb865a9eb07493592777ce740

ErisCyan / minerva

Find file

Newer

Older

minerva / Base / res / html / misc / inline-block.html

minerva on 13 Jul 509 bytes Initial commit

Raw Blame History

<!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>