Horje
How to spread text along a line without hand-coding tables - Wordpress Solution
[Solved] - How to spread text along a line without hand-coding tables - Wordpress Solution
Try following codes
[[LINK href="http://seahorseartssalon.org/?p=14"]]How can I get lines flush justified here?[[/LINK]] Take a line like this: natalie peart …………………………………………………………… chris keriazis Other than hand-coding tables, how might I get "natalie peart" to the far left and "chris keriazis" to the far right? The site is running autofocus pro on top of Thematic. I tried "justify" but that has little effect

Solution - 1

  <div class="dotted">
    <div class="left">natalie peart</div><div class="right">chris keriazis</div>
  </div>
  <div class="clear"></div>

.left {float:left;}

.right {float:right;}

.clear {clear:both;}

.dotted{
float:left;
width:100%;
border-bottom:1px dotted #000;
}


Solution - 2

This is one of those sticky scenarios. IMHO it is best to not use tinyMCE for strict formatting like this. Is it possible that this type of list could go above or below all other content? If so, I would suggest building a custom metabox which stores a variable number of key/value pairs which can be serialized and stored as a hidden custom field for the post. You can then filter the_content and prepend or append as necessary. If the formatted text needs to appear inside the_content then the only true solution would be to use a shortcode. The markup/css needed to render this formatting is pretty exact and would most likely break if entered into tinyMCE. I have similar formatting on my site's [[LINK href="http://wordpress.mfields.org/index/"]]index page[[/LINK]] which is delivered via shortcode. The plugin that generates it can be [[LINK href="http://plugins.trac.wordpress.org/browser/taxonomy-list-shortcode/trunk/taxonomy-list-shortcode.php?rev=252833"]]found here[[/LINK]]. Wish there was an easy answer to this one, but unfortunately there is not.


Solution - 3

You could do it by placing the names in two divs, like this:

<div class="left">natalie peart</div><div class="right">chris keriazis</div>
<div class="clear"></div>
Then you add this to your style.css file:
.left {float:left;}
.right {float:right;}
.clear {clear:both;}

Date: 2022-10-21 05:17:09
Category: Wordpress
More for You