What can be used to position a group of absolute items?
Im not sure if I set this up right. code: https://jsfiddle.net/gvzk62qe/5/  .container { width: 780px; height: 780px; background: blue; } .verticalLine1 { position: absolute; top: 294px; left: 237px; width: 10px; height: 107px; background: black; border-radius: 5px; } .verticalLine2 { position: absolute; top: 266px; left: 263px; width: 10px; height: 163px; background: black; border-radius: 5px; } .verticalLine3 { position: absolute; top: 257px; left: 289px; width: 10px; height: 197px; background: black; border-radius: 5px; } .verticalLine4 { position: absolute; top: 255px; left: 315px; width: 10px; height: 223px; background: black; border-radius: 5px; } .verticalLine5 { position: absolute; top: 261px; left: 341px; width: 10px; height: 242px; background: black; border-radius: 5px; } .verticalLine6 { position: absolute; top: 276px; left: 367px; width: 10px; height: 252px; background: black; border-radius: 5px; } .verticalLine7 { position: absolute; top: 295px; left: 393px; width: 10px; height: 255px; background: black; border-radius: 5px; } .verticalLine8 { position: absolute; top: 276px; left: 419px; width: 10px; height: 252px; background: black; border-radius: 5px; } .verticalLine9 { position: absolute; top: 261px; left: 445px; width: 10px; height: 242px; background: black; border-radius: 5px; } .verticalLine10 { position: absolute; top: 255px; left: 471px; width: 10px; height: 223px; background: black; border-radius: 5px; } .verticalLine11 { position: absolute; top: 257px; left: 497px; width: 10px; height: 197px; background: black; border-radius: 5px; } .verticalLine12 { position: absolute; top: 266px; left: 523px; width: 10px; height: 163px; background: black; border-radius: 5px; } .verticalLine13 { position: absolute; top: 294px; left: 549px; width: 10px; height: 107px; background: black; border-radius: 5px; }