Question: I tried to look for an answer to this question but didn't find any, maybe I didn't use the right words, but nothing came up.. maybe it's because it's not possible?

I would like to have an XML file that will be synced with a treeview, and there will be changes made to the treeview which will effect the XML file, then I need to save it, but I can't give the user direct access to this file, so I would want to compile it with the program, the question is, is it possible to modify and save the XML that way?

Thanks a lot!

Ray. 

> 
> **Additional Information (or-the final question):**
> 
> 
> Can I save an XML document in some way in my program which would be
>  available in future use even if I'll kill my program? (and NOT as an
>  user accessible XML file?) what about "resources" I know I can put an
>  XML file/doc(?) there, but will I be able to modify and keep the
>  changes I'll do to it?
> 
> 
>

Answer: 
[Here's a JSFiddle](http://jsfiddle.net/eoc5nq15/) that I believe solves your issue.

The text in the bar is center aligned and there is some text to the right, which is right aligned.

What's more, it's uses classes instead of ID's (as I mentioned in the comment above).

CSS is as follows (I'm also referencing normalise.css in the Fiddle to reset browser quirks).

```
.top-bar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    line-height: 23px; /* Vertically align the text middle */
    background: #000;
    color: #FFF;
    text-align: center; /* Instead of <centre> */
    text-transform: uppercase; /* Capitalise the text in CSS */
}

.top-bar p {
    margin: 0;
}

.top-bar__right {
    position: absolute;
    right: 0;
    background: red; /* Just to make it stand out in this example */
    top: 0;
}

```

HTML is as follows:

```
<div class="top-bar">
    <p class="top-bar__middle">Free shipping on all orders over $39!</p>
    <p class="top-bar__right">This is some text.</p>
</div>

```
Something like this?

```css
#top-bar {
  position: absolute;
  width:100%;
  top:0;
  left:0;
}

#topbar-inner {
  height: 23px;
  background: blue;
  float:left;
   width:50%;
}

#topbar-inner {

  float:left;
}
#topbar-right {
position: relative;
float:right;
width: 300px;
background-color: #fff555;
 width:50%;
}
```

```html
<div id="top-bar"> 
<center>
  <div id="topbar-inner">FREE SHIPPING ON ALL ORDERS OVER $39!</div> 
  <div id="topbar-right">this is for the right topbar</div>   
</center>
</div>
```