Search for:
Jump to: 
Your Ad Here
Post new topic Reply to topic
Author Message
 Post subject: Differnece between inline and block styles
PostPosted: Fri Jul 29, 2011 9:41 am 
Offline

Joined: Mon Nov 12, 2007 10:12 am
Posts: 355
HTML elements can be displayed either in block or inline style. Each HTML element has its natural display style, you can over-ride these in CSS. All HTML elements are naturally displayed in one of the following ways:
1.Block
Takes up the full width available, with a new line before and after (display:block;)
2.Inline
Takes up only as much width as it needs, and does not force new lines (display:inline;)
3.Not displayed
Some tags, like <meta /> and <style> are not visible (display:none;)
1.A block-display element will span the full width of the space available to it, and so will start on a new line in the flow of HTML. The flow will continue on a new line after the block-display element.

Inline-display elements don’t break the flow. They just fit in with the flow of the document.

2.Common HTML elements that are naturally block-display include:<div><p><h1>...<h6><ul>, <ol>, <dl>,<li>, <dt>, <dd>,<table>,<blockquote>,<pre>,<form>.

More elements are naturally inline-style, including: <span>,<a>,<strong>,<img>,<em>,<input>,<br>,<acronym>,<abbr>


Top
 Profile  
 
 Post subject: Re: Differnece between inline and block styles
PostPosted: Tue Jun 26, 2012 9:35 am 
Offline

Joined: Tue Jun 26, 2012 8:52 am
Posts: 13
Thanks for providing such a useful information about inline and block styles. I really impressed with your explanation style, so it is so easy to everyone for understand.

_________________
PHP Development India | PHP Web Development Company


Top
 Profile  
 
 Post subject: Re: Differnece between inline and block styles
PostPosted: Tue Jul 31, 2012 9:47 am 
Offline

Joined: Sat Jul 14, 2012 12:07 pm
Posts: 22
Nice session i hope it will be very helpful to me to know about block style and inline..thanks for the informative posting..



shopping cart services in india


Top
 Profile  
 
 Post subject: Re: Differnece between inline and block styles
PostPosted: Tue Sep 11, 2012 12:42 pm 
Offline

Joined: Sat Sep 08, 2012 12:43 pm
Posts: 8
samir wrote:
HTML elements can be displayed either in block or inline style. Each HTML element has its natural display style, you can over-ride these in CSS. All HTML elements are naturally displayed in one of the following ways:
1.Block
Takes up the full width available, with a new line before and after (display:block;)
2.Inline
Takes up only as much width as it needs, and does not force new lines (display:inline;)
3.Not displayed
Some tags, like <meta /> and <style> are not visible (display:none;)
1.A block-display element will span the full width of the space available to it, and so will start on a new line in the flow of HTML. The flow will continue on a new line after the block-display element.

Inline-display elements don’t break the flow. They just fit in with the flow of the document.

2.Common HTML elements that are naturally block-display include:<div><p><h1>...<h6><ul>, <ol>, <dl>,<li>, <dt>, <dd>,<table>,<blockquote>,<pre>,<form>.

More elements are naturally inline-style, including: <span>,<a>,<strong>,<img>,<em>,<input>,<br>,<acronym>,<abbr>

Hi i am newly start to learn HTML.This session help to know more about HTML.Block styles and inline are more important HTML for designing.I hope this will be very informative to all who are having an interest in HTML.

_________________
hotels In bangalore


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic    [ 4 posts ] 

1, 2, 3, 4, 5 ... 413
Recent topics  Replies   Views   Last post 
No new posts Jquery ajax Pagination using php

by rajkumar » Tue Apr 19, 2011 11:14 am in Coding Repository

9

17734

Tue May 28, 2013 5:19 am

vfdg View the latest post

No new posts How to Convert DVD and Video to Your iphone 4,iphone 4 to pc

by smsbackuper » Wed May 18, 2011 8:11 am in PHP-Code Help

2

1549

Thu May 23, 2013 6:39 am

greenwoove View the latest post

No new posts How to upgrade and migrate Joomal site

by mallikharjuna rao » Mon Jan 21, 2013 1:40 pm in Joomla

1

398

Thu May 16, 2013 9:53 am

sunitha12 View the latest post

No new posts Benefits of PHP

by hirephpexpert » Fri Sep 07, 2012 4:41 am in CakePHP

6

1706

Wed May 15, 2013 6:25 am

PrettyPrincesG View the latest post

No new posts How to stop user from getting registered in Joomla

by mallikharjuna rao » Tue Jan 22, 2013 5:16 am in Joomla

3

1771

Wed May 15, 2013 6:17 am

PrettyPrincesG View the latest post


Your Ad Here