La propriété float indique qu'un élément doit être retiré du flux normal et doit être placé du côté droit ou du côté gauche de son conteneur. Le texte et les autres éléments en ligne (inline) entourerons l'élément flottant.
l'élément est retiré du flux normal de la page, mais s'inscrit toujours dans le flux (contrairement à l'élément absolu).
Voici le code du css
img { float: left; margin-right: 1em; margin-bottom: 1em; }
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam architecto doloremque eveniet expedita id labore laborum laudantium maiores nobis obcaecati? Corporis maiores tenetur voluptas? Fuga rem sapiente voluptate voluptatem voluptatibus.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet beatae consequuntur delectus, eos error ex, expedita fugiat illum impedit laudantium mollitia nemo officiis quae quaerat quasi quisquam rerum velit, veniam.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque massa justo, efficitur quis elementum vitae, egestas sed mauris. Etiam luctus scelerisque libero, vel porta eros pulvinar id. Vestibulum tincidunt viverra libero eget congue. Etiam et fringilla magna. Maecenas rutrum, dolor tristique elementum dictum, nibh orci faucibus diam, eget pharetra magna risus et nunc. Quisque nec orci faucibus, condimentum nunc vitae, semper est. Etiam in tincidunt dolor, vitae auctor lorem. Mauris sodales sem diam. Phasellus pretium sed turpis sit amet auctor. Integer lorem massa, dapibus in suscipit vel, porta et justo. Vivamus aliquam ligula vel orci sagittis consectetur. Sed nec ligula id lectus auctor sodales quis sit amet elit. Mauris vel orci quis neque volutpat congue in a felis. Donec in tempus urna, porttitor elementum sem. Etiam euismod metus vitae vulputate euismod.
Maecenas semper ut purus ut interdum. Nullam vel tristique dui. Praesent metus magna, eleifend eu turpis eu, rutrum faucibus justo. Morbi auctor augue blandit, varius tellus at, ultricies lectus. Etiam vel leo ut risus luctus iaculis. Praesent suscipit quam eu varius feugiat. Donec ac tellus ut leo convallis imperdiet. Donec tincidunt eu nibh sit amet dignissim. Proin tempor sodales nunc, eget ullamcorper diam vulputate eget. Quisque sodales faucibus mauris nec mollis. In vitae orci tortor. Suspendisse at sagittis neque. Aliquam sem risus, ultrices at bibendum in, gravida nec magna. Donec congue vestibulum erat id blandit. Praesent vel ornare quam.
Vivamus posuere sit amet enim eu aliquam. Phasellus interdum elit quis neque vestibulum, sed fringilla metus hendrerit. Curabitur ac vestibulum diam, mollis elementum enim. Integer sollicitudin malesuada ipsum ut pulvinar. Ut at ex sit amet tellus venenatis accumsan. Curabitur rhoncus justo nunc. Praesent dictum est non sem ullamcorper venenatis. Praesent ut feugiat augue, eget commodo velit. Sed quis elementum mi. Duis ipsum elit, mollis quis molestie sed, egestas non orci. Mauris vulputate tempus arcu, ac congue velit volutpat vitae. Ut tristique lacus felis, vitae varius diam molestie sed.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Morbi rhoncus ultrices mollis. Cras commodo metus at leo luctus euismod. Ut pulvinar pharetra pulvinar. Proin hendrerit turpis et turpis pretium elementum. Duis at blandit turpis, eget blandit augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ultricies nibh id dolor tincidunt semper. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin a massa convallis, consequat lectus id, congue mi. Nulla mollis urna sed lectus convallis tempor. Nam sit amet nisi et nibh auctor gravida ut eu libero. Fusce sodales, sem eget mattis hendrerit, leo libero euismod nisi, vel convallis nulla dolor ac eros. Morbi luctus tincidunt nunc. Praesent imperdiet, nunc nec faucibus cursus, arcu urna mollis metus, et aliquam massa felis a tellus.
Donec luctus vestibulum diam sed posuere. Proin eleifend dui erat, id dictum diam finibus ac. Phasellus risus lacus, consequat at tristique et, fermentum eget lorem. Duis sit amet erat arcu. Donec vehicula ipsum quis lorem tempus, feugiat pretium quam scelerisque. Donec at sapien ex. Etiam dapibus a dolor sit amet consectetur. Nunc at ultricies lorem. Donec semper imperdiet sapien sed ultrices. Mauris feugiat imperdiet nunc a interdum. Aenean pellentesque erat a ullamcorper congue. In sed dui congue turpis facilisis pulvinar vel eget dolor. Duis tristique ex non nisi porttitor suscipit. Interdum et malesuada fames ac ante ipsum primis in faucibus.