Flow Text In 2 Columns With Custom Style - HTML CSS

Trang chủ » Html Flow Text Into Two Columns » Flow Text In 2 Columns With Custom Style - HTML CSS

Có thể bạn quan tâm

flow text in 2 columns with custom style - HTML CSS CSS Layout

HTML CSS examples for CSS Layout:2 Column

  1. HOME
  2. HTML CSS
  3. CSS Layout
  4. 2 Column

Description

flow text in 2 columns with custom style

Demo Code

ResultView the demo in separate window

<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> img{float:right; width:150px; height:150px; background:#333; margin:10px; } div { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; } </style> </head> <body> <section> <div> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially Lorem Ipsum is simply dummy text of the printing and typesetting industry. <img src="https://www.java2s.com/style/demo/InternetExplorer.png"> Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. </div> </section> </body> </html>

Related Tutorials

  • Got trouble with div after floated 2 column
  • Overlap an element in the middle of 2 different columns
  • divide list items in 2 columns, fill the first before the second
  • Make left column in 2 column layout take up 100% height
  • Split text in 2 columns

Từ khóa » Html Flow Text Into Two Columns