torna all'articolo

Applicare overflow: hidden; per correggere le 'orfane'

paitadesignblog

Demo 1 - comportamento standard

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac augue at quam rutrum semper ullamcorper id elit. Ut sapien est, ultrices euismod tempus vitae, mattis vitae est. Fusce vel ante ac arcu porta pulvinar quis sed arcu. Etiam iaculis euismod enim, sit amet molestie mauris ultricies nec. In sodales hendrerit lectus, nec tempor justo tincidunt at. Nullam dictum elementum nisl, ac rutrum lacus rhoncus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac augue at quam rutrum semper ullamcorper id elit. Ut sapien est, ultrices euismod tempus vitae, mattis vitae est. Fusce vel ante ac arcu porta pulvinar quis sed arcu. Etiam iaculis euismod enim, sit amet molestie mauris ultricies nec.

Fusce vel ante ac arcu porta pulvinar quis sed arcu. Etiam iaculis euismod enim, sit amet molestie mauris ultricies nec. In sodales hendrerit lectus, nec tempor justo tincidunt at. Nullam dictum elementum nisl, ac rutrum lacus rhoncus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac augue at quam rutrum semper ullamcorper id elit. Ut sapien est, ultrices euismod tempus vitae, mattis vitae est. Fusce vel ante ac arcu porta pulvinar quis sed arcu. Etiam iaculis euismod enim, sit amet molestie mauris ultricies nec.

Fusce vel ante ac arcu porta pulvinar quis sed arcu. Etiam iaculis euismod enim, sit amet molestie mauris ultricies nec. In sodales hendrerit lectus, nec tempor justo tincidunt at. Nullam dictum elementum nisl, ac rutrum lacus rhoncus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac augue at quam rutrum semper ullamcorper id elit. Ut sapien est, ultrices euismod tempus vitae, mattis vitae est. Fusce vel ante ac arcu porta pulvinar quis sed arcu. Etiam iaculis euismod enim, sit amet molestie mauris ultricies nec.

paitadesignblog

Demo 2 - overflow: hidden; applicato ai paragrafi

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac augue at quam rutrum semper ullamcorper id elit. Ut sapien est, ultrices euismod tempus vitae, mattis vitae est. Fusce vel ante ac arcu porta pulvinar quis sed arcu. Etiam iaculis euismod enim, sit amet molestie mauris ultricies nec. In sodales hendrerit lectus, nec tempor justo tincidunt at. Nullam dictum elementum nisl, ac rutrum lacus rhoncus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac augue at quam rutrum semper ullamcorper id elit. Ut sapien est, ultrices euismod tempus vitae, mattis vitae est. Fusce vel ante ac arcu porta pulvinar quis sed arcu. Etiam iaculis euismod enim, sit amet molestie mauris ultricies nec.

Fusce vel ante ac arcu porta pulvinar quis sed arcu. Etiam iaculis euismod enim, sit amet molestie mauris ultricies nec. In sodales hendrerit lectus, nec tempor justo tincidunt at. Nullam dictum elementum nisl, ac rutrum lacus rhoncus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac augue at quam rutrum semper ullamcorper id elit. Ut sapien est, ultrices euismod tempus vitae, mattis vitae est. Fusce vel ante ac arcu porta pulvinar quis sed arcu. Etiam iaculis euismod enim, sit amet molestie mauris ultricies nec.

Fusce vel ante ac arcu porta pulvinar quis sed arcu. Etiam iaculis euismod enim, sit amet molestie mauris ultricies nec. In sodales hendrerit lectus, nec tempor justo tincidunt at. Nullam dictum elementum nisl, ac rutrum lacus rhoncus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac augue at quam rutrum semper ullamcorper id elit. Ut sapien est, ultrices euismod tempus vitae, mattis vitae est. Fusce vel ante ac arcu porta pulvinar quis sed arcu. Etiam iaculis euismod enim, sit amet molestie mauris ultricies nec.

paitadesignblog

Demo 3 - overflow: hidden; applicato al contenitore

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac augue at quam rutrum semper ullamcorper id elit. Ut sapien est, ultrices euismod tempus vitae, mattis vitae est. Fusce vel ante ac arcu porta pulvinar quis sed arcu. Etiam iaculis euismod enim, sit amet molestie mauris ultricies nec. In sodales hendrerit lectus, nec tempor justo tincidunt at. Nullam dictum elementum nisl, ac rutrum lacus rhoncus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac augue at quam rutrum semper ullamcorper id elit. Ut sapien est, ultrices euismod tempus vitae, mattis vitae est. Fusce vel ante ac arcu porta pulvinar quis sed arcu. Etiam iaculis euismod enim, sit amet molestie mauris ultricies nec.

Fusce vel ante ac arcu porta pulvinar quis sed arcu. Etiam iaculis euismod enim, sit amet molestie mauris ultricies nec. In sodales hendrerit lectus, nec tempor justo tincidunt at. Nullam dictum elementum nisl, ac rutrum lacus rhoncus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac augue at quam rutrum semper ullamcorper id elit. Ut sapien est, ultrices euismod tempus vitae, mattis vitae est. Fusce vel ante ac arcu porta pulvinar quis sed arcu. Etiam iaculis euismod enim, sit amet molestie mauris ultricies nec.

Fusce vel ante ac arcu porta pulvinar quis sed arcu. Etiam iaculis euismod enim, sit amet molestie mauris ultricies nec. In sodales hendrerit lectus, nec tempor justo tincidunt at. Nullam dictum elementum nisl, ac rutrum lacus rhoncus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac augue at quam rutrum semper ullamcorper id elit. Ut sapien est, ultrices euismod tempus vitae, mattis vitae est. Fusce vel ante ac arcu porta pulvinar quis sed arcu. Etiam iaculis euismod enim, sit amet molestie mauris ultricies nec.