Question 408659 in Html Question posted in
Some basic documentation can be found here.

How do I make <wbr> tag visible in HTML/CSS?

I have a bit of unusual case that requires me to represent typing caret with a singular HTML tag. I am trying to use for this. However, it looks like no matter what CSS I set, the tag is not visible in the UI.

Here is what I’ve tried:

<wbr style="
    display: block;
    width: 10px;
    height: 10px;
    background: #f00;
    visibility: visible;
">
Tags:

2

Answers


  1. 0 
    <span style="
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #f00;
    visibility: visible;
"></span>
    Login or Signup to reply.
  2. 0

    1. Use a with display:inline block.

    2. set the width and height

    3. Add one animation for blinking effect.

      @keyframes blink {
      0%, 100% { background: #f00; }
      50% { background: transparent; }
      }

    use this, i think your problem is solved.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search