How could I do this in CSS?

Posted on 2014-08-13
Last Modified: 2014-08-16
Head out to I've altered the CSS in the theme so my body_wrapper_box is:

.body_wraper_box {
      margin:0px auto;
      -webkit-box-shadow:0 0 5px #888;
      box-shadow:0 0 5px #888;

What I would love to do, though, is create a situation like what I've got depicted on the screenshot that's attached. Is there an east / elegant way to edit my body_wrapper_box so I have a thick black border that gives the interior of my box a seamless "black" color around the border, but have a white area within for my text?

What do you think?
Question by:brucegust
    LVL 53

    Assisted Solution

    Just put another box inside the wrapper with a while background to hold the text.

    LVL 58

    Accepted Solution

    section {
        background: #fff;
        border: 15px solid #000;

    Open in new window


    Featured Post

    Free Trending Threat Insights Every Day

    Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

    Join & Write a Comment

    "I want to put my photos online, but I don't want them stolen.  What settings should I use?" When You Put Photos Online First and foremost, any digital file published on the WWW can be copied, stored, modified, retransmitted, etc.  Remember Naps…
    As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
    In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
    In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…

    731 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    18 Experts available now in Live!

    Get 1:1 Help Now