Question: Here is a setup: I have a textbox with a numberic value. According to the requirements every time anybody changes that value an accompanying comment needs to be provided. So visually there must be another textbox for the comment that should be displayed right next to the first one. Ideally the comment textbox needs to be placed in a callout that originates from the value textbox and displayed on the right from it overlaying anything what's underneath of it just like on this picture: ![enter image description here](https://i.stack.imgur.com/rXSpu.jpg)

I know how to do easily it in CSS and HTML.
I have to do the same in Silverlight now.
Unfortunately I am not very strong in it, so what I am specifically asking about is how having 2 textboxes make one of them appear next to another (on the right overlaying whatever controls are underneath it) with as less XAML and code as possible.

Answer: 
Use css `white-space` style to preserve the white space inside an element.

<https://developer.mozilla.org/en-US/docs/CSS/white-space>

```
  .my_element {
    white-space: pre; /* or other pre- styles*/
  }

```

**DEMO:** <http://jsfiddle.net/5UWFB/2/>
Replacing empty spaces with "\u00a0" fixed my problem. Replacing them with " " worked in console, but not in my program.