​x
 
1
<!doctype html>
2
<title>Example</title>
3
<style>
4
.multicol {
5
  background-color: beige;
6
  padding: 10px;
7
​
8
  /* Safari and Chrome */
9
  -webkit-column-count: 3;
10
  -webkit-column-rule: 2px dotted olivedrab;
11
​
12
  /* Firefox */
13
  -moz-column-count: 3;
14
  -moz-column-rule: 2px dotted olivedrab;
15
​
16
  /* CSS3 */
17
  column-count: 3;
18
  column-rule: 2px dotted olivedrab;
19
}
20
​
21
.multicol hr {
22
  break-after: column;
23
}
24
</style>
25
<div class="multicol">
26
  <h3>Legs</h3>
27
  <p>The key is to use good form, and not to over train your muscles. You need to let your muscles rest in between workouts. Give them 3 or 4 days to rest before training them again. Follow up each workout with a protein shake and your legs will never be the same.</p>
28
  <hr>
29
  <h3>Chest</h3>
30
  <p>Your chest muscles are a large part of your upper body. To achieve maximum results, your chest workout routine should include at least one compound exercise (to work your overall chest) followed as well as a more concentrated exercise. You can also single out either your upper chest or your lower chest if you need to.</p>
31
</div>