Elementy graficzne na stronie

<style type="text/css">
<!--
div img {display:block}  /* składnia kontekstowa */
p img   {display:inline}
-->
</style>

Obrazek jako element blokowy

<p>Po tym akapicie obrazek pojawi się jako element blokowy.</p>

<div>
<img src="student.gif" alt="student.gif">
<img src="student.gif" alt="student.gif">
</div>

<p>Przed tym akapitem obrazek pojawił się jako element blokowy.</p>

Po tym akapicie obrazek pojawi się jako element blokowy.

Przed tym akapitem obrazek pojawił się jako element blokowy.

Obrazek jako element inline

<p>
Po tym tekście obrazek pojawi się jako element inline.
Po tym tekście obrazek pojawi się jako element inline.
Po tym tekście obrazek pojawi się jako element inline.
Po tym tekście obrazek pojawi się jako element inline.
<img src="student.gif" alt="student.gif" border="0" hspace="4">
Przed tym tekstem obrazek pojawił się jako element inline.
Przed tym tekstem obrazek pojawił się jako element inline.
Przed tym tekstem obrazek pojawił się jako element inline.
Przed tym tekstem obrazek pojawił się jako element inline.
</p>

Po tym tekście obrazek pojawi się jako element inline. Po tym tekście obrazek pojawi się jako element inline. Po tym tekście obrazek pojawi się jako element inline. Po tym tekście obrazek pojawi się jako element inline. Przed tym tekstem obrazek pojawił się jako element inline. Przed tym tekstem obrazek pojawił się jako element inline. Przed tym tekstem obrazek pojawił się jako element inline. Przed tym tekstem obrazek pojawił się jako element inline.

Opis cechy display:

5.6.1 'display'

Value: block | inline | list-item | none
Initial: block
Applies to: all elements
Inherited: no
Percentage values: N/A

Zobacz też:

5.1 Notation for property values