<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>leryos</title>
<script src='scr.js'></script>
<style>
#box{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
</style>
</head>
<body onload="before()">
<div id="box">
<div id="s"><p id="stxt">a: b</p><span>1</span></div>
</div>
</body>
</html>