Skip to content

Instantly share code, notes, and snippets.

@tkssharma

tkssharma/inline-block

Created June 17, 2019 05:08
Show Gist options
  • Save tkssharma/79fcb6cc37b273ddb7cd97c6355a468d to your computer and use it in GitHub Desktop.
Save tkssharma/79fcb6cc37b273ddb7cd97c6355a468d to your computer and use it in GitHub Desktop.
Download ZIP
Raw
inline-block
<html>
<head>
<title>Display Property</title>
<style>
#main{
height: 100px;
width: 200px;
background: teal;
display: inline-block;
}
#main1{
height: 100px;
width: 200px;
background: cyan;
display: inline-block;
}
#main2{
height: 100px;
width: 200px;
background: green;
display: inline-block;
}
.gfg {
margin-left:200px;
font-size:42px;
font-weight:bold;
color:#009900;
}
.geeks {
font-size:25px;
margin-left:210px;
}
.main {
margin:50px;
}
</style>
</head>
<body>
<div class = "gfg">GeeksforGeeks</div>
<div class = "geeks">display: Inline-block; property</div>
<div class = "main">
<div id="main"> BLOCK 1 </div>
<div id="main1"> BLOCK 2</div>
<div id="main2">BLOCK 3 </div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment