Home HTML CSS JAVASCRIPT BOOTSTRAP Python Docker ML tutorial ☰ About us Privacy policy

Block level elements in html



Block level and Inline Elements


In HTML ,every elemnt has it's own defalult values according to the type of the element we are using. In HTML elements can be display either by block or inline .

Block Level Elements

In HTML Block level elements are always start's with a new line without any line seprater. Block level elements contain eintire width of an element.
  • <div>element is a block level element.
  • <p>element is a block level element.




    •   
  
    <h1>block level elements</h1>
  <div style="border:1px solid red">Codes family</div>

    Imporatnt Block level elements

    Block level elements

    Inline Elements

    Inline elements in HTML not start with a new line and they will not contain entire width of the element,they contain require width of the element. <a>tag is a Inline element. 

      
  
    <h1>Inline Element</h1>
  <a href="http://www.codesfamily.com" style="border:2px solid black">codes family</a>

    Imporatnt Inline elements

    Inline elements


    More Topics