Visually hidden




    hides an element from the page, it is still visible for screen readers and stays interactive. It is used in case necessarily for semantics, we don't need it in layout

    Shortcut: vishid

    .visually-hidden {
      position: absolute!important;
      width: 1px!important;
      height: 1px!important;
      margin: -1px!important;
      border: 0!important;
      padding: 0!important;
      overflow: hidden!important;
      clip: rect(0,0,0,0)!important;
      white-space: nowrap!important;
    Codiga Logo
    Codiga Hub
    • Rulesets
    • Playground
    • Snippets
    • Cookbooks
    • Security
    • Privacy Policy
    • Code Privacy
    • Terms of Service
    soc-2 icon

    We are SOC-2 Compliance Certified

    G2 high performer medal

    Codiga – All rights reserved 2022.