width: 8em;
height: 6em;
float: left;
- display: table;
margin: 10px;
-}
-
-div.block div {
- display: table-cell;
- vertical-align: middle;
+ display: flex;
+ justify-content: center;
+ align-items: center;
}
</style>
</head>
<body>
<h1>Tizen Extensions Crosswalk examples</h1>
-<a href="tizen.html"><div class="block"><div>tizen top namespace</div></div></a>
-<a href="network_bearer_selection.html"><div class="block"><div>network bearer selection</div></div></a>
-<a href="notification.html"><div class="block"><div>notification</div></div></a>
-<a href="system_info.html"><div class="block"><div>system info</div></div></a>
-<a href="system_setting.html"><div class="block"><div>system setting</div></div></a>
-<a href="time.html"><div class="block"><div>time</div></div></a>
-<a href="power.html"><div class="block"><div>power</div></div></a>
-<a href="bluetooth.html"><div class="block"><div>bluetooth</div></div></a>
-<a href="download.html"><div class="block"><div>download</div></div></a>
+<a href="tizen.html"><div class="block">tizen top namespace</div></a>
+<a href="network_bearer_selection.html"><div class="block">network bearer selection</div></a>
+<a href="notification.html"><div class="block">notification</div></a>
+<a href="system_info.html"><div class="block">system info</div></a>
+<a href="system_setting.html"><div class="block">system setting</div></a>
+<a href="time.html"><div class="block">time</div></a>
+<a href="power.html"><div class="block">power</div></a>
+<a href="bluetooth.html"><div class="block">bluetooth</div></a>
+<a href="download.html"><div class="block">download</div></a>
</body>
-</html>
\ No newline at end of file
+</html>