css - right align text to edge of embedded media -


i need text appear below embedded media (in case video), , text right-align video.

i'm not sure how this, since layout needs fluid. videos wider others.

currently text right-aligning wrapping div.

here's fiddle have far http://jsfiddle.net/thwackukulele/2n6a9/

i text "watch more videos on our youtube channel" align video's right edge.

thanks help!

videos can varying width never wider 960px set on content-unit?

if content-unit centering everything, set framewrap inline-block. make shrink-wrap contents (here, video), , if content-unit has text-align: center set on it, inline-block framewrap centered (at whatever width turns out be). now, because width contrained widest content (the iframe here, inline element), h4 can set text-align right , text should restricted right side of framewrap, since block h4 still expand 100% of whatever framewrap is.

ah, have lot of positioning , margins in there can't see doing, don't expect code fix problem but... looking @ jsfiddle viewing through screen magnifier. fun stuff http://jsfiddle.net/2n6a9/2/ made content-unit blue , framewrap red see how caption gets wrapped. add bit of right padding on h4 if want nudge text bit more left.

oh didn't add code ie6,7 etc. if supporting them, remember set framewrap display: inline after inline-block declaration.

edit 2: didn't move facebook stuff left


Comments

Popular posts from this blog

delphi - How to convert bitmaps to video? -

jasper reports - Fixed header in Excel using JasperReports -

python - ('The SQL contains 0 parameter markers, but 50 parameters were supplied', 'HY000') or TypeError: 'tuple' object is not callable -