Hi,
You can change externally or internally your css properties as follows:
1) Externally.
You have to create an css file and add this code line on your html page: <link href="css/myFile.css" rel="stylesheet" type="text/css">
myFile.css contains p{ color:red } and this file is within the folder called "css".
2) Internally.
You open the creationComplete panel and you script: sym.$("p").css("color","red");
If you use the c button and the word blue, for instance. You will script within the creationComplete panel: sym.$(".blue").css("color","blue");
Now, looking at your html page (the second picture).
I browse this page searching the p tag (<p>...</p>).
When i reach the last tag (</html>), i didn't find any p tag. So, nothing happens.