Box shadow Issue

Question

I have a certain thing I want and it annoys me that I cannot find a way.

This is how it is now:

enter image description here

I want the red lines to be green:

enter image description here

The 2 identical text uses this HTML:

<.article class="shadow">
      <.header>

        <h3>Welcome!<./h3>
        <p><ul>(Vincent, 2014-11-07)</ul></p>
      </header>
      <br>
      <p><b>Greetings visitors!</b></p>
      <p>You have entered the URL to this site for a reason. To see my work related to making game music. You might aswell look into the FL Studio section, were you can listen to my music on the website or actually download the music to use it. You can also read about me and how these music tracks were made and what I had to go through to make these.</p>
      <p>I hope you have a look around.</p>
    </article>

I couldn't find a way to paste it in better. Don't mind the "dots" in the first row of the HTML code.

This is the CSS that I am currently using:

.shadow {

   -webkit-box-shadow: inset  1px 0px 0px 0px #47D147;

}

I hope you can understand what I am trying to say. I don't use javascript or php. I only use HTML and CSS. Can explain what the CSS code does?

You have serious problems with your HTML markup - <.header> should be
, whats with the unordered list tag - is deprecated, you have a dot in your h3 closing tag etc — Muleskinner, May 08 '15 at 17:47
Now I feel bad for the depressed `` tag @Muleskinner ;-) — PeeHaa, May 08 '15 at 17:48
`` isn’t deprecated per se. It can still be used in HTML5 as long as it has some sort of semantics attached to it. — Sebastian Simon, May 08 '15 at 21:44

score -1 · Answer 1 · edited May 23 '17 at 11:58

-1

I found out and for the future: How to get box-shadow on left & right sides only or use

-webkit-box-shadow: inset 1px 0px 0px 0px #47D147, 1px 0px 0px 0px #47D147;

edited May 23 '17 at 11:58

Community

1
1

answered May 08 '15 at 17:42

Vincent Karlsson

1

Box shadow Issue

1 Answers1