Question: I want my `<div>` to have a bottom border which starts from a distance away from the left. It's like:

```
abc
  ^^^^^^^^^^

```

where `^` stands for a piece of border.

I achieved this using `border-image`. I set a `border-image` to a `linear-gradient()` image, which starts transparent, and becomes gray from some pixels.

```html
<style>
    div {
        width: 200px;
        border-top-style: none;
        border-bottom-style: solid;
        border-width: 1px;
        border-image: linear-gradient(to right,
            transparent 0,
            transparent 1em,
            lightgray 1em,
            lightgray 100%) 100% 1;
    }
</style>
<div>abc</div>

```

Now the new requirement is to add a 1px white line right below the existing line to mimic a 3d effect. I thought I could simply add a vertical gradient to the border image, but I don't know how to do it.

Answer: 
You could try changing `scanf("%d\n",&ar[i]);` to `scanf("%d",&ar[i]);`, because it will try to read newline break too in a loop.

Simply remove `\n` from the scan
You need to remove the `\n` from scanf.

```
for (i = 0; i < TAMANIO; i++) {
            scanf("%d",&ar[i]);
            printf("numero: %d\n",ar[i]); //print numbers(here is the problem)
}

```