Exemple de code de la propriété CSS overflow-x.

<style type="text/css">
.overflow-x-visible{ overflow-x : visible; margin-bottom:70px!important }
.overflow-x-hidden{ overflow-x : hidden }
.overflow-x-scroll{ overflow-x : scroll }
.overflow-x-auto{ overflow-x : auto }

.defaut{ 
 width : 150px; 
 height : 100px; 
 margin-bottom : 20px; 
 border : 1px solid #666; 
}
.defaut b{
 /* pas de retour à la ligne */
 white-space : nowrap; 
}
</style>
<div class="defaut overflow-x-visible"><b>.identifiant { overflow-x : visible }motmot</b> 
 mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot
</div>
<div class="defaut overflow-x-hidden"><b>.identifiant { overflow-x : hidden }motmot</b> 
 mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot
</div>
<div class="defaut overflow-x-scroll">.identifiant { overflow-x : scroll }</div>
<div class="defaut overflow-x-scroll"><b>.identifiant { overflow-x : scroll }</b>
 mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot
</div>
<div class="defaut overflow-x-auto">.identifiant { overflow-x : auto }</div>
<div class="defaut overflow-x-auto"><b>.identifiant { overflow-x : auto }motmot </b>
 mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot mot
</div>