На днях решил написать простенький дизайн блога вродебы получилось простенько но со вкусом. Но столкнулся с двумя проблемами. 
Так сначало проблема где буква "Х" хотел бы сделать чтобы в данном светлом окошке была какая либо информация или картинка. с картинкой все хорошо но когда идёт текст просто ужас.
Вырезка из ксс данного выделения:
Code
}
.blog iframe{
width:360px;
height:300px;
border:none;
Что будет с картинкой
Code
<iframe src="1.html"></iframe>
Но как сделать чтобы был текст? 2 проблема.
Текст не выравнивается так как мне надо. т.е. до красной линии.
из css
Code
}
.message{
background-color:#E6E6E6;
border:1px solid #DDDDDD;
float:right;
padding:10px;
width:300px;
-moz-box-shadow:0 0 1px white;
-webkit-box-shadow:0 0 1px white;
box-shadow:0 0 1px white;
}
pre{
text-shadow:0 1px 1px white;
Прощу помоч. 
