Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
    
    <h1>HI WORLD</h1>
    
        <div class="dim" id="msg">
            <div class="dialog_wrapper">
                <div class="dialog" id="msg_value">TEST</div>
            </div>
        </div>
    
    
</body>
</html>
 
.dim{
    height:100%;
    width:100%;
    position:fixed;
    left:0;
    display: block;
    top:0;
    z-index:99999;
    background: rgba(0,0,0, 0.7);
}
.dialog_wrapper {
    width: 100%;
    top: 40%;
    position: absolute;
}
.dialog {
    width: 400px;
    height: 10%;
    margin: 0 auto;
    padding: 40px;
    background-color: #fff;
    border: 1px solid #ccc;
    color: #333;
}
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
roXonpro
0viewers