That's probably the best way unless it's really, really important that the text always stay to the right. If you squeeze the column enough, eventually the lines under CSS will go under the picture.
If you do it your way, then you can also go back to using TW5 formatting, so you get: > > @@float:left;padding-right:10px;padding-left:10px;[img width=120 [Henry B. > Eyring|https://www.lds.org/bc/content/shared/content/images/leaders/henry-b-eyring-large.jpg]]@@ > > > > !!Where Two or Three Are Gathered > !!!President Henry B. Eyring - First Counselor in the First Presidency > > On Wednesday, April 20, 2016 at 1:23:49 PM UTC-7, Hegart Dmishiv wrote: > > Indeed, for #3 you could use pure CSS, as Mark suggests. Here's one way to > achieve that, without the need for a table or a separate stylesheet > > @@float:left;padding-right:10px;[img width=120 [Henry B. Eyring| > https://www.lds.org/bc/content/shared/content/images/leaders/henry-b-eyring-large.jpg > ]]@@ <h2>Where Two or Three Are Gathered</h2> President Henry B. Eyring - > First Counselor in the First Presidency > > I've reused Mark's example code, but you'll notice here I simply surround > the image invocation with an inline CSS block, using the @@..@@ as Mark > did, but listing the CSS elements right there on the same tiddler, rather > than invoking a separate stylesheet. > > HTH > Hegart. > > > On Thursday, 21 April 2016 05:34:06 UTC+12, Mark S. wrote: >> >> For #3, I assume that you want the same two lines to always be to the >> right of the image. Someone else could probably think of a way to do it >> with pure CSS, but I would use a table. >> >> So for the table I might have: >> >> @@.imgtable >> |[img width=120 [Henry B. Eyring|https:// >> www.lds.org/bc/content/shared/content/images/leaders/henry-b-eyring-large.jpg]]| >> >> <http://www.google.com/url?q=http%3A%2F%2Fwww.lds.org%2Fbc%2Fcontent%2Fshared%2Fcontent%2Fimages%2Fleaders%2Fhenry-b-eyring-large.jpg%255D%255D%257C&sa=D&sntz=1&usg=AFQjCNF8tee9DWm0e6Lh26RQgLlKzNp7LQ><h2>Where >> >> Two or Three Are Gathered</h2> <p/>President Henry B. Eyring - First >> Counselor in the First Presidency| >> >> @@ >> >> and then add this to the stylesheet tiddler >> >> .imgtable td { >> vertical-align: top ; >> border-style: none ; >> >> } >> .imgtable { >> border-style: none ; >> border-collapse:collapse; >> } >> >> >> HTH >> Mark >> >> >> On Tuesday, April 19, 2016 at 7:40:00 PM UTC-7, Marc wrote: >>> >>> I really love TW5 and try to do it in my college classes. I try to keep >>> things simple so the students can get comfortable. >>> >>> I am not a great coder. Neither are my students. I am looking for help >>> with some simple formatting help. See the graphic below. >>> >>> >>> [image: Inline image 1] >>> >>> I assume that this can all be done in the CSS and have been looking at >>> email posts but if you can give it to me simply I would really appreciate >>> any help. >>> >>> Thank you for a great and powerful product, >>> >>> Marc Ferguson >>> >> -- You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+unsubscr...@googlegroups.com. To post to this group, send email to tiddlywiki@googlegroups.com. Visit this group at https://groups.google.com/group/tiddlywiki. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/0f93566f-7480-4c17-9d6b-9ce472e977a3%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
![https://www.lds.org/bc/content/shared/content/images/leaders/henry-b-eyring-large.jpg]]@@](https://www.lds.org/bc/content/shared/content/images/leaders/henry-b-eyring-large.jpg]]@@){kind=link}
