css свойство като margin, но за текст

[bubust]

Такам. Имам да направя една кутийка с текст и картинка в нея. http://store3.data.bg/bubust/box/ Ето какво съм сътворил, но искам текста да е на отстояние по 5 px от краищата на дива.
Някакви предложения, за по-елегантни гимнастики?

 

[Rado]

Епа задай margin-left на картинката и тя ще избута текста оО

 

[bubust]

Ти погледна ли изходния код?

 

[d3xter]

в стила div.box добавяш
padding-left: 5px;
padding-right: 5px;

но според мен трябва да сложиш един див за текста или да го сложиш в параграф <p></p>

пробвай това:
мисля че е което искаш

p
{
width:250px;
height:200px;
margin: 5px;
}




<div class="box"><p>....................tuka e teksta...................</p></div>

 

[MontefuckeR]

Ти погледна ли изходния код?

пробва ли text-indent: 5px;

 

[bubust]

Най-главната ми цел е да отлепя текста от дясната страна на кутийката.

С text-indent се отлепя всичко на дясно, но картинката и текста пак са слепени. :?

d3xter и с параграфа не става, но благодаря, че ме подсети, за SEO-то.

 

[MontefuckeR]

Най-главната ми цел е да отлепя текста от дясната страна на кутийката.

С text-indent се отлепя всичко на дясно, но картинката и текста пак са слепени. :?

d3xter и с параграфа не става, но благодаря, че ме подсети, за SEO-то.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
<style type="text/css">

</style>
</head>

<body><div class="box"><div class="small_img"></div>
<div class="test">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</div>
</div>
</body>
</html>

 

[skatebord]

 div.small_img
{
margin-top: 10px;
margin-left:10px;
margin-right: 5px;
float:left;
width:60px;
height:60px;
border:solid;
}

 

[StormBreaker]

Сложи на малката кутийка margin-right: 10px; .

 

[Dodo1987]

Най лесно ти предлагам така -
Пример:

<img src="......." alt="......" width="...." 
height="..." align="left"  vspace="0" hspace="10" border="0">

Като от тези си определяш колко да са ти отстъпите отдолу и отстрани на снимката - vspace="...." hspace="..."

 

[shterev]

Най лесно ти предлагам така -
Пример:

<img src="......." alt="......" width="...." 
height="..." align="left"  vspace="0" hspace="10" border="0">

Като от тези си определяш колко да са ти отстъпите отдолу и отстрани на снимката - vspace="...." hspace="..."

това е добър вариянт, аз ти предлагам са сложиш div.small_img в друг див, на който няма бордер и на него му зададеш ширина толкова че да избута текста на дясно и височина толкова че текста като слези долу да не е също залепен.

 

[bubust]

Реших да дам точката на shterev, защото е най-близко до решението, което избрах.
Дива за картинката е по-широк, а картинката по подразбиране се лепва за левия ъгъл. Така дива избутва текста.

Благодаря и на другите, но точката е само 1.

 

[Petakoff]

ako teksta e v paragraf mu dai taka v css faila

p {
display:block

}

i vytre slagash margin
taka paragrafa shte pridobie blockova struktura i shte mojesh da mu slahasj margin i padingi...