css - How do you float divs to the left? -

-

i'm trying better html coder, have decided away table layout. , use div layout instead, i'm getting issues positioning stuff using divs.

on page i'm trying add 3 images , text them, won't align using float, instead cascading.

here's markup:

<style> .left {    float: left; } </style> </head> <body> <div class="left">     <img src="images/image.jpg" alt="" class="left" />      </div>      <div>          text     </div>      <div class="left">     <img src="images/image.jpg" alt="" class="left" />     </div>     <div>         text     </div>      <div class="left">         <img src="images/image.jpg" alt=""  class="left" />     </div>     <div>         text     </div> </body>

im hoping 1 of can point problem, (help! dont want go nasty tables! :))

here's picture:

enter image description here

edit: align them vertically

paul roub's answer closest, need space them up.

you don't need divs @ all. try html:

<img src="images/image.jpg" alt="" class="left" />  text  <img src="images/image.jpg" alt="" class="left" />  text  <img src="images/image.jpg" alt="" class="left" />  text

and css put text aligned top of image:

.left {     vertical-align: top; }

edit:
if want space between pictures css should like:

.left {     vertical-align: top;     margin-bottom: 10px; /* gives 10px of space @ bottom of image*/ }

here's jsfiddle of complete solution.


Comments

Post a Comment

Popular posts from this blog

c# - How Configure Devart dotConnect for SQLite Code First? -

-
can configure following sample code ? when run following code, error : no entity framework provider found ado.net provider invariant name 'devart.data.sqlite' setting in machine.config <system.data> <dbproviderfactories> <add name="dotconnect sqlite" invariant="devart.data.sqlite" description="devart dotconnect sqlite" type="devart.data.sqlite.sqliteproviderfactory, devart.data.sqlite, version=4.6.287.0, culture=neutral, publickeytoken=09af7300eec23701" /> </dbproviderfactories> </system.data> after add below block code in app.config <?xml version="1.0"?> <configuration>   <configsections> <!-- more information on entity framework configuration, visit http://go.microsoft.com/fwlink/?linkid=237468 --> <section name="entityframework" type="system.data.entity.internal.configfile.entityframeworksection, entit...
Read more

erlang - Saving a digraph to mnesia is hindered because of its side-effects -

-
updated the digraph library in erlang implements data type side-effectful. each operation on data type saves new state in ets table -- instead of returning altered version of itself, more common in functional languages. the problem usage perspective, impedes effort store or pass around state in convenient way requiring me first "collect" state before can start juggle around. the closest solution have seen far serializer/deserializer , these have drawback tied current structure of digraphs instead of operating on abstract type -- prevents future proof solution. update pascal pointed out serializer utilizes interface of digraph, , hence eliminates drawback mentioned above. better, albeit still inconvenient, see no better alternative. what recommendation on how store digraphs? should go different data type altogether? thanks. i not sure understand concern. fact digraph stored in ets transparent in user interface, might want chnge either exchange digr...
Read more

java - Copying object fields -

-
what best way of copying classes when need have 2 independent variables? have simple class: public class myclass { boolean = false; string b= "not empty"; } do need make method : assign(myclass data ) { a= data.a; b= data.b; } is there automatic method copy (duplicate) objects in java? do need make method : pretty close. instead of making method, should make constructor. such constructors called copy constructor , , create them this: myclass(myclass data) { = data.a; b = data.b; } and create copy of instance, use constructor this: myclass obj1 = new myclass(); myclass obj2 = new myclass(obj1); copy constructor can tedious : using copy constructor create deep-copy can tedious, when class has mutable fields. in case, assignment create copy of reference, , not object itself. have create copy of fields (if want deep copy). can go recursive. a better way create deep copy serialize , deserialize object. why not use clone()? ...
Read more