HTML Elements: Block Level and Inline Level

How many you know about this topic? Which html element is called block level and which is inline? I’m afraid most of you don’t have the proper knowledge. So, let’s discuss about it here, assuming you know the CSS.

Block level element is that which have by default the CSS property “display: block“, goes across the browser window when placed in an html document without any CSS properties applied. HTML tags in this category are div, p, form, heading tags following h1 to h6 etc. You can try it by yourself placing some elements. In other words, the element which by default, if placed after an element, starts from next line is block level element. CSS is very powerful that we can convert block level to inline level by applying attribute “display: inline“.

Now, talking about inline level element, I don’t have to tell further about it considering above discussion. But here, one new CSS attribute “display: inline-block” also. Inline level element doesn’t support width, height, margin and/or padding CSS attributes unless you make it “display: block” or “display: inline-block“. You need to add “display: inline-block” when you need two elements on the same line and with their margin, padding, width and/or height attributes. Or, if you need the inline elements to be appeared in next line, you have to add “display: block” attribute. In this way you can also skip “<br/>” (inline elements need <br/> tag for line break) tag for line breaks. HTML tags in inline level category are a, font, strong, span, strong etc.

Training beyond Tradition

Be experienced without the need of job

We do not follow traditional approach of training, we develop habit of working and patience inside you, experience real working method, don’t just take training. We let you learn by involving in real projects until you are ready, no matter whatever time duration required.

View courses   Success stories

Front End Web Development

Duration: 4-6 Months
Trainer(s): Raju Maharjan

We do not follow traditional approach of training, we develop habit of working and patience inside you, experience real working method, don’t just take training, we train beyond tradition …

Topics covered during projects:

PSD to HTML Conversion using Advanced HTML 4/5 and CSS 2/3, jQuery/JavaScript Plugins, Adobe Photoshop, Responsive CSS (Media Queries, Mobile First CSS, CSS Pre-processor (SCSS), CSS Grid, Flexbox, Twitter Bootstrap.

What’s unique about this course:

  1. The only training method where deciding fee and course duration is in your hand, simply give more time, finish fast, pay less
  2. Minimum 3 hours per day class, maximum no limit, One-to-one class, not in groups, it means you can go faster or slower as you can, no waiting for others
  3. You never miss your topics even when you miss the class, next class will start from wherever you left
  4. If you feel confused, we’ll cover same topic again and again, it means we make our students perfect in any condition, just he needs to be with us
  5. 100% project based classes, no fix duration, no fix fee, no fix syllabus, the sole aim of this course is to make you experienced, not trained, you exactly work here in real projects to learn