CSS - bar (decoration)

Question

CSS - bar (decoration)

Navigation

#1 by (0 votes)

0

I'mtryingtocreateabarliketheonethatappearsintheimage,thebarthathasproductetc.Ihavethefollowingcode:

<divid="topcart"> 
    <thead>
        <tr>
            <th>ISBN</th>
            <th>Book</th>
            <th>Price</th>
            <th>Quantity</th>
            <th>Subtotal</th>
            <th>&nbsp;</th>
        </tr>  
    </thead>
        </div>

Then in CSS I have the following;

#topcart{
    overflow: hidden;
    display:block;
}

But you're not doing anything. is not the overflow that causes the bar to appear as in the image?

html css

asked by anonymous 30.04.2017 / 23:40

1 answer

The oauth_consumer_key parameter is missing Angular validation

score 0 · Accepted Answer

word-spacing is the space between words

padding-left is space left

#topcart  { 
font-family: Arial, courier, serif;
background-color: #71658B;
color: #FFFFFF;
word-spacing: 20px;
padding-left: 80px;
}

 <div id="topcart"> 
    <thead>
        <tr>
            <th>ISBN</th>
            <th>Book</th>
            <th>Price</th>
            <th>Quantity</th>
            <th>Subtotal</th>
            <th>&nbsp;</th>
        </tr>  
    </thead>
  </div>