Text Generator
Text Generator > Use Cases >CSS Code Generator

CSS Code Generator

Text generator - CSS code generation examples

Example input

  • h1 { color: white; text-align:

Example real generated results

  • star

    center; padding: 0.5rem; border-radius:.25rem; box-shadow: 0 0 0.5rem rgba(0, 0, 0,.4); } .col-md-6 { margin: 0 auto; width: 50%; padding: 0.5rem; } .col-md-6.col-md-4 { width: 25%; } .col-md-6.col-md-2 { width: 25%; } .col-md-6.col-md-2.col-md-2 { width:

  • star

    center; padding: 0; margin: 0; height: 50px; } .form-submit { background-color: #fff; border: none; border-radius: 0; box-shadow: none; display: inline-block; height: 50px; width: 100%; cursor: pointer; margin: 0; padding: 0; text-decoration: none; font-size: 0; outline: none; position: relative; top: 5px; z-index: 100; } .form-submit:hover { background-color: #222; } .form-submit:active { background-color: #222; } .

  • star

    center; } .test { color: white; text-align: center; } .test1 { color: white; text-align: center; } .test2 { color: white; text-align: center; } .test3 { color: white; text-align: center; } .test4 { color: white; text-align: center; } .test5 { color: white; text-align: center; } .test6 { color: white; text-align: center; } .test7 { color: white; text-align: center; } .test8 {

  • star

    center; font-size: 40px; margin: 30px auto; padding: 5px; } #main { display: flex; flex-direction: column; justify-content: center; flex-wrap: wrap; height: 800px; } #main h2 { font-size: 1.5em; margin: 20px 0; } #main h1 { font-size: 1.5em; margin: 20px 0; } #main p { font-size: 1.2em; margin: 20px 0; } #main div {

try it yourself: Text Generator Playground - CSS Code Generator