Problema box in css

Salut. Am rugamintea, sa ma ajutati si pe mine putin. Precizez ca sunt FOARTE incepator in css, deci posibil sa nu explic foarte bine. Am un box de genul asta:

.box {
width: 650px;
padding: 0px;
border: 1px solid black;
margin: 0;
top: 30px;
}


Boxul contine umatoarele elemente, asezate una sub cealalta:

h2.title {
color: rgb(85,85,85);
position: relative;
left: 15px;
top: 6px;
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
}


.big-photo {
position: relative;
top: 30px;
}

Toate bune si frumoase pana aici.
Sub big-photo vreau sa am, in pull-left, entry-title si entry-meta, una sub cealalta.
In pull-right, vreau sa am o imagine mai mica. Asa ca am urmatorul cod.

.pull-left {
position: relative;
width: 400px;
left: 15px;
top: 25px;
font-family: Arial, Helvetica, sans-serif;
color: rgb(85,85,85);
}

h3.entry-title {
font-size: 17px;
}

p.entry-meta {
font-size: 14px;
}

.pull-right{
position: absolute;
width: 70px;
right: 0px;
top: 20px;
}


Problema este ca ca entry-meta ramane in afara box-ului. Nu reusesc sa il pun inauntru, sub entry-title.
Linia dejos a box-ului ramane deasura paragrafului.

Ma poate ajuta cineva?


Cred ca trebuie sa pun un div "entry" in html, inainte de pull-left. Dar habar nu am ce valori sa ii dau.

Edited by balios, 24 May 2015 - 19:37.

poate nu inteleg exact ce vrei dar incearca sa dai din html un warp text gen <p>Data<input  id="data" type="text" wrap="true" value="{{data}}"</p>

Pune si tu html`ul/css`ul si te`o ajuta careva ca cine stie ce varza o fi p`acolo... ca si`n css

-da tot codul html,css si vedem noi

Posteaza aici si codul html. Si css-ul intreg.


PS. Foloseste de exemplu Firebug (de la Mozilla).