Inline Box : Inline Elements : Box Model HTML CSS TUTORIALS

HTML CSS TUTORIALS » Box Model » Inline Elements »

Inline Box


 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
* .box {
  display: inline;
  visibility: visible;
  line-height: 100px;
  margin: 0 100px;
  padding: 20px 120px;
  border-top: 5px solid gray;
  border-bottom: 5px solid black;
  border-left: 5px solid gray;
  border-right: 5px solid black;
}
</style>
</head>
<body>
<div class="container"> 
<span class="default">BEFORE</span> 
<span class="box">this is a test. </span> 

<span class="default">AFTER</span> 
</div> 
</body> 
</html>