Question: [This picture](http://postimg.org/image/nzs3x6y09/full/) inside my *section* tag (code below) won't display on the page. I wonder why...

HTML:

```
<!doctype html>
<html lang="pl">
<title>Strona</title>
<head>
<meta charset="utf-8">
<link href="style.css" rel="stylesheet" screen="media,projection">
</head>
<body>
<section>
</section>
</body>
</html>

```

CSS:

```
html {
 width:100%;
 height:1230px;
}
body {
    width:90%
    height:100%;
}
section {
    width:100%;
    height:19.19%;
    background:url(header.jpg); *this path should work because the file is on my hard drive, this is not the issue of the path..
    background-size:100% 100%;
    background-repeat:no-repeat;
}

```

Also I want my picture to scale proportionally (width and height) when I resize the browser window.

Answer: 
You can actually send key strokes directly to the browser which is likely easier than executing a block of javascript. Assuming the text box has focus of course.

The `SendKeyEvent` can be used to send a character at a time. 

There is a basic example available in the `CefSharp.WPF.Example` project.
<https://github.com/cefsharp/CefSharp/blob/cefsharp/43/CefSharp.Wpf.Example/Views/BrowserTabView.xaml.cs#L32>
add style to your span

```
<div class="sampletext" contenteditable="true" style="min-height: 40px;">
   <span style="display:inline-block; width:100%; height:100%;"></span>
</div>

```