yukarıdaki kodun içine yazı eklemen için 2 seçeneğin var img boşluk verir direk yazıyı yazarsın yada img ayrı yazı ayrı bir divde olur ona göre ayarlama yaparsın ben sana resim img kodunda yazıda div kodunda şeklinde yazıyorum buraya.
HTML KODU :

<div id="slider-alt">
<img src="images/slider-avatar.png" alt="konu adı" width="değer gir" height="değer gir" />
<div class="slideraltyazi">Buraya yazı gelicek dediler yazı getirdik nereye koyalım ?</div>
</div>

CSS KODU :

#slider-alt img{float:left;margin:6px 25px;}
.slideraltyazi{float:left;}

Not : img kodunda değer gir dediğim yerlere resimin yükseklik genişliğini girmen her zaman yararına olucaktır çünki hem walidator hatası almazsın hemde tarayıcı açıldığı zaman resim açılmasa bile orada bir resim olduğu belli olur.
Not2: Her zaman img kodunun sonunu /> diye kapatmayı ihmal etme.
Not3: Kendini html kodlarına style vererek alıştırma sakın, ayrı bir style.css dosyasına yazarak ilerle (büyük avantaj sağlar ileride.)