<!DOCTYPE html> <html lang="en"> <head> <title>Black Lives Matter</title> <style> body { background: black; margin: 150px; margin-left: 100px; } .row { margin-top: 20px; list-style: none; display: flex; align-items: center; } .row:nth-of-type(even) { margin-left: -7px; } .letter { height: 80px; min-width: 40px; padding: 10px 15px; margin-left: 30px; background: gold; line-height: 80px; text-align: center; font-size: 4em; font-family: sans-serif; font-weight: bold; color: black; } .letter:nth-of-type(even) { margin-left: 32px; } </style> </head> <body> <div class="row"> <div class="letter">b</div> <div class="letter">l</div> <div class="letter">a</div> <div class="letter">c</div> <div class="letter">k</div> </div> <div class="row"> <div class="letter">l</div> <div class="letter">i</div> <div class="letter">v</div> <div class="letter">e</div> <div class="letter">s</div> </div> <div class="row"> <div class="letter">m</div> <div class="letter">a</div> <div class="letter">t</div> <div class="letter">t</div> <div class="letter">e</div> <div class="letter">r</div> </div> </body> </html> <!-- The code comprising this webpage is licensed CC0 https://creativecommons.org/publicdomain/zero/1.0/ --> <!-- Feel free to copy and use in your own works. -->