What’s the difference between inline and inline-block?
What’s the difference between inline and inline-block?
Share
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Aviance School is one of the largest web solutions platform in India for developers to learn and share their programming knowledge and build their careers.
<h1> inline element and inline-block</h1>
<div class="example">
Lorem ipsum dolor sit amet<br/>
consectetur adipiscing elit<br/>
</div>
<div>
This is <span class="demo">inline Element</span> Example.<br/>
sed do eiusmod tempor incididunt<br/>
</div>
<style>
h1 { font-size: 20px; font-weight: bold; }
.example { border: solid 1px #c0c0c0; padding: 8px; margin: 12px; background-color: #f0f0e9; width: 70% }
.demo { display: inline; height: 100px; border: dotted 1px red; background-color: white; }
</style>
[img alt_text=’inline’ description=”]http://avianceschool.com/wp-content/uploads/2018/11/inline-block.png[/img]