47 lines
976 B
HTML
47 lines
976 B
HTML
<!doctype html>
|
|
<title>CSS Test Reference</title>
|
|
<style>
|
|
.container, .not_a_container {
|
|
width: auto;
|
|
height: 100px;
|
|
border: 1px solid black;
|
|
margin-bottom: 10px;
|
|
}
|
|
span {
|
|
border: 1px solid green;
|
|
margin: 2px;
|
|
}
|
|
</style>
|
|
<div style="width:150px">
|
|
<div class=container>
|
|
<main>
|
|
<div style="display:flex">
|
|
<span style="flex:1">Test1</span>
|
|
<span style="flex:1">Test2</span>
|
|
<span style="flex:1">Test3</span>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
<div style="width:200px">
|
|
<div class=container>
|
|
<main>
|
|
<div>
|
|
<span style="display:block">Test1</span>
|
|
<span style="display:block">Test2</span>
|
|
<span style="display:block">Test3</span>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
<div style="width:150px">
|
|
<div class=not_a_container>
|
|
<main>
|
|
<div>
|
|
<span>Test1</span>
|
|
<span>Test2</span>
|
|
<span>Test3</span>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</div>
|